37 lines
714 B
TypeScript
37 lines
714 B
TypeScript
import clsx from 'clsx';
|
|
import type { HTMLProps } from 'react';
|
|
|
|
function TableList(props: HTMLProps<HTMLDivElement>) {
|
|
return (
|
|
<div
|
|
{...props}
|
|
className={clsx(
|
|
'border border-gray-300 rounded-lg overflow-clip',
|
|
'dark:border-zinc-700 dark:text-gray-300',
|
|
// 'dark:bg-zinc-800',
|
|
props.className,
|
|
)}
|
|
>
|
|
{props.children}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function Item(props: HTMLProps<HTMLDivElement>) {
|
|
return (
|
|
<div
|
|
{...props}
|
|
className={clsx(
|
|
'flex items-center justify-between px-3 py-2',
|
|
'border-b border-gray-200 last:border-b-0',
|
|
'dark:border-zinc-800',
|
|
props.className,
|
|
)}
|
|
>
|
|
{props.children}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Object.assign(TableList, { Item });
|