mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-03-17 23:13:51 +01:00
23 lines
597 B
TypeScript
23 lines
597 B
TypeScript
import classnames from 'classnames';
|
|
|
|
interface Props {
|
|
orientation?: 'horizontal' | 'vertical';
|
|
variant?: 'primary' | 'secondary';
|
|
className?: string;
|
|
}
|
|
|
|
export function Separator({ className, variant = 'primary', orientation = 'horizontal' }: Props) {
|
|
return (
|
|
<div
|
|
role="separator"
|
|
className={classnames(
|
|
className,
|
|
variant === 'primary' && 'bg-highlight',
|
|
variant === 'secondary' && 'bg-highlightSecondary',
|
|
orientation === 'horizontal' && 'w-full h-[1px]',
|
|
orientation === 'vertical' && 'h-full w-[1px]',
|
|
)}
|
|
/>
|
|
);
|
|
}
|