import { cn } from '@/lib/utils';

export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
  /** Use border-strong variant for headers/section separators. */
  strong?: boolean;
  /** Orientation. Default horizontal. */
  orientation?: 'horizontal' | 'vertical';
}

export function Divider({
  strong = false,
  orientation = 'horizontal',
  className,
  ...props
}: DividerProps) {
  return (
    <div
      role="separator"
      aria-orientation={orientation}
      className={cn(
        strong ? 'bg-border-strong' : 'bg-border',
        orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px',
        className,
      )}
      {...props}
    />
  );
}