import * as React from 'react'; import Head from 'next/head'; import { Pattern } from '../../constants/Pattern'; import { PatternLayout } from '../../layouts/PatternLayout'; import Block from '../../placeholders/Block'; import BrowserFrame from '../../placeholders/BrowserFrame'; const Details: React.FC<{}> = () => { return (

Draft

... `} css={` .container { /* Used to position the watermark */ position: relative; } .container__wrapper { /* Center the content */ align-items: center; display: flex; justify-content: center; /* Absolute position */ left: 0px; position: absolute; top: 0px; /* Take full size */ height: 100%; width: 100%; } .container__watermark { /* Text color */ color: rgba(0, 0, 0, 0.2); /* Text styles */ font-size: 3rem; font-weight: bold; text-transform: uppercase; /* Rotate the text */ transform: rotate(-45deg); /* Disable the selection */ user-select: none; } `} >

Draft

); }; export default Details;