import * as React from 'react'; import Head from 'next/head'; import { Heading, Spacer } from '@1milligram/design'; import { Pattern } from '../../constants/Pattern'; import { PatternLayout } from '../../layouts/PatternLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; import Rectangle from '../../placeholders/Rectangle'; const Details: React.FC<{}> = () => { return (
...
`} css={` .container { /* Center the content */ align-items: center; display: flex; } .container__status { /* Background color */ background-color: rgb(66, 153, 225); /* Rounded border */ border-radius: 9999px; /* Size */ height: 8px; width: 8px; /* Spacing */ margin-right: 8px; } .container__content { /* Take available width */ flex: 1; } `} >
Use cases
In review
Draft
Published
); }; export default Details;