Files
lume/src/libs/ark/components/note/root.tsx
2023-12-19 08:06:10 +07:00

19 lines
421 B
TypeScript

import { ReactNode } from 'react';
import { twMerge } from 'tailwind-merge';
export function NoteRoot({
children,
className,
}: {
children: ReactNode;
className?: string;
}) {
return (
<div className={twMerge('h-min w-full p-3', className)}>
<div className="relative flex flex-col gap-2 overflow-hidden rounded-xl bg-neutral-50 dark:bg-neutral-950">
{children}
</div>
</div>
);
}