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'; import Rectangle from '../../placeholders/Rectangle'; const Details: React.FC<{}> = () => { return (

...

... `} css={` .pagination { display: flex; /* Border */ border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 4px; } .pagination__item { /* Center the content */ align-items: center; display: flex; justify-content: center; /* Right border */ border-right: 1px solid rgba(0, 0, 0, 0.3); } .pagination__item + .pagination__item { /* No right border */ border-right: none; } `} >

); }; export default Details;