import * as React from 'react'; import Head from 'next/head'; import Link from 'next/link'; import { Pattern } from '../../constants/Pattern'; import { PatternLayout } from '../../layouts/PatternLayout'; import Block from '../../placeholders/Block'; import BrowserFrame from '../../placeholders/BrowserFrame'; import Circle from '../../placeholders/Circle'; import Rectangle from '../../placeholders/Rectangle'; const Details: React.FC<{}> = () => { return (
You can use the{' '} close button {' '} to represent the button for closing the modal.
... ...
...
...
`} css={` .modal { /* Border */ border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 4px; } .modal__header { display: flex; justify-content: space-between; /* Border */ border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .modal__footer { display: flex; /* Push the buttons to the right */ justify-content: flex-end; /* Border */ border-top: 1px solid rgba(0, 0, 0, 0.3); } `} >
); }; export default Details;