import { ComponentProps, useContext } from 'react';

import { MenuSeparator } from 'reakit/Menu';

import { DropdownContext } from './context';

export function DropdownSeparator({
  ...props
}: ComponentProps<typeof MenuSeparator>) {
  const state = useContext(DropdownContext);
  return <MenuSeparator {...state} {...props} />;
}