type DividerProps = {
  className?: string;
};

export function Divider({ className = "" }: DividerProps) {
  return (
    <div
      role="separator"
      aria-orientation="horizontal"
      className={`relative h-px w-full ${className}`}
    >
      <span className="absolute inset-0 bg-gradient-to-r from-transparent via-border to-transparent" />
    </div>
  );
}

export type { DividerProps };