import type { HTMLAttributes } from 'react';
import { cx } from 'class-variance-authority';

import { DropdownMenu } from '../dropdown-menu';

type SeparatorProps = HTMLAttributes<HTMLLIElement>;

export function Separator({ className }: SeparatorProps) {
  return (
    <DropdownMenu.Item className={cx(className, 'c-action-menu-item-separator')}>
      <hr />
    </DropdownMenu.Item>
  );
}
