17 lines
430 B
TypeScript
17 lines
430 B
TypeScript
import { InformationCircleIcon } from '@heroicons/react/24/outline'
|
|
import clsx from 'clsx'
|
|
import { type ReactNode } from 'react'
|
|
|
|
export default function Notice({ children }: { readonly children: ReactNode }) {
|
|
return (
|
|
<div className={clsx(
|
|
'p-4 rounded-md w-fit flex items-center gap-3',
|
|
'bg-slate-400 dark:bg-slate-700'
|
|
)}
|
|
>
|
|
<InformationCircleIcon className='h-6 w-6 text-white'/>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|