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

...

`} css={` .container { /* Center the content */ align-items: center; display: inline-flex; flex-direction: column; } .container__value { /* Big font size */ font-size: 4rem; font-weight: 500; } .container__label { /* Smaller font size */ font-size: 1rem; font-weight: 700; /* Uppercase the label */ text-transform: uppercase; } `} >

{random(1000, 9999).toLocaleString()}

stars

); }; export default Details;