mirror of
https://github.com/koreanbots/core.git
synced 2025-12-15 14:10:22 +00:00
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
import dynamic from 'next/dynamic'
|
|
|
|
const Button = dynamic(() => import('@components/Button'))
|
|
const Container = dynamic(() => import('@components/Container'))
|
|
|
|
const NSFW: React.FC<NSFWProps> = ({ onClick, onDisableClick }) => {
|
|
return (
|
|
<Container>
|
|
<div className='flex h-screen select-none items-center'>
|
|
<div className='px-10'>
|
|
<h1 className='flex text-2xl font-bold'>
|
|
<img
|
|
draggable='false'
|
|
alt='⚠'
|
|
src='https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/26a0.svg'
|
|
className='emoji mr-2 w-8'
|
|
/>
|
|
해당 컨텐츠는 만19세 이상의 성인만 열람할 수 있습니다.
|
|
</h1>
|
|
<p className='mb-3 text-lg'>계속하시겠습니까?</p>
|
|
<Button onClick={onClick}>
|
|
<i className='fas fa-arrow-right' /> 계속하기
|
|
</Button>
|
|
<div className='mt-1'>
|
|
<button
|
|
className='text-blue-500 hover:text-blue-600'
|
|
onClick={() => {
|
|
onClick()
|
|
onDisableClick()
|
|
}}
|
|
>
|
|
다시 표시하지 않기.
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Container>
|
|
)
|
|
}
|
|
|
|
interface NSFWProps {
|
|
onClick(): void
|
|
onDisableClick(): void
|
|
}
|
|
|
|
export default NSFW
|