import * as React from 'react'; import Head from 'next/head'; import { Spacer } from '@1milligram/design'; import { RelatedPatterns } from '../../components/RelatedPatterns'; import { Pattern } from '../../constants/Pattern'; import { PatternLayout } from '../../layouts/PatternLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; import Circle from '../../placeholders/Circle'; const Details: React.FC<{}> = () => { return ( ...

`} css={` .container { position: relative; } .container__indicator { /* Shown at the bottom right corner */ bottom: 0, position: absolute; right: 0; transform: translate(50%, 50%); /* Rounded border */ border-radius: 9999px; height: 16px; width: 16px; /* Background color */ background-color: #FF4136; } `} >

); }; export default Details;