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 Circle from '../../placeholders/Circle'; const Details: React.FC<{}> = () => { return ( ... `} css={` .container { display: flex; /* If you want to place the icon before the text input */ flex-direction: row-reverse; /* Border */ border: 1px solid rgba(0, 0, 0, 0.3); } .container__input { border-color: transparent; /* Take available width */ flex: 1; } `} >

); }; export default Details;