import * as React from 'react'; import Head from 'next/head'; 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 (

You can click the button to choose a file.

...

... `} css={` .container { /* Used to position the input */ position: relative; /* Center the content */ align-items: center; display: flex; /* Border */ border: 1px solid rgba(0, 0, 0, 0.3); } .container__input { /* Take the full size */ height: 100%; left: 0; position: absolute; top: 0; width: 100%; /* Make it transparent */ opacity: 0; } .container__icon { margin-right: 8px; } `} >

); }; export default Details;