core/components/NSFW.tsx
2021-03-21 22:58:57 +09:00

24 lines
704 B
TypeScript

import dynamic from 'next/dynamic'
const Button = dynamic(() => import('@components/Button'))
const Container = dynamic(() => import('@components/Container'))
const NSFW = ({ onClick }:NSFWProps): JSX.Element => {
return <Container>
<div className='flex items-center h-screen select-none'>
<div className='px-10'>
<h1 className='text-2xl font-bold'> 19 .</h1>
<p className='text-lg mb-3'>?</p>
<Button onClick={onClick}>
<i className='fas fa-arrow-right' />
</Button>
</div>
</div>
</Container>
}
interface NSFWProps {
onClick(): void
}
export default NSFW