Files
yaak-mountain-loop/src-web/components/core/Separator.tsx
2023-03-20 13:16:58 -07:00

21 lines
456 B
TypeScript

import classnames from 'classnames';
interface Props {
orientation?: 'horizontal' | 'vertical';
className?: string;
}
export function Separator({ className, orientation = 'horizontal' }: Props) {
return (
<div
role="separator"
className={classnames(
className,
'bg-gray-300/40',
orientation === 'horizontal' && 'w-full h-[1px]',
orientation === 'vertical' && 'h-full w-[1px]',
)}
/>
);
}