import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
import { cx } from 'class-variance-authority';
import type { ReactNode } from 'react';

type DropdownMenuItemProps = DropdownMenuPrimitive.MenuItemProps & {
  children: ReactNode;
};

export function DropdownMenuItem({ children, className, ...delegated }: DropdownMenuItemProps) {
  return (
    <DropdownMenuPrimitive.Item {...delegated} className={cx('c-dropdown-menu-item', className)}>
      {children}
    </DropdownMenuPrimitive.Item>
  );
}
