rallly/apps/web/src/components/stacked-list.tsx
2025-04-16 10:38:42 +00:00

34 lines
563 B
TypeScript

import { cn } from "@rallly/ui";
export function StackedList({
children,
className,
}: {
children: React.ReactNode;
className?: string;
}) {
return (
<ul className={cn("divide-y overflow-hidden rounded-lg border", className)}>
{children}
</ul>
);
}
export function StackedListItem({
children,
className,
}: {
children: React.ReactNode;
className?: string;
}) {
return (
<li
className={cn(
"flex items-center gap-x-6 p-4 hover:bg-gray-50",
className,
)}
>
{children}
</li>
);
}