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'; const Details: React.FC<{}> = () => { return ( ... `} css={` .container { /* Used to position the validation icon */ position: relative; } .container__input { /* Border */ border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 4px; /* Take the full width */ width: 100%; /* Don't overlap the icon */ padding-right: 24px; } .container__icon { /* Positioned at the right side */ position: absolute; right: 8px; top: 50%; transform: translate(0, -50%); z-index: 10; } `} >

); }; export default Details;