import type { JSX } from "solid-js";
import { splitProps } from "solid-js";
import type { CommandPaletteSeparatorProps } from "./command-palette.props";

/**
 * Visual divider between groups or sections in a CommandPalette.
 * Uses role="separator" for accessibility.
 */
export function CommandPaletteSeparator(props: CommandPaletteSeparatorProps): JSX.Element {
  const [, rest] = splitProps(props, []);

  return <div role="separator" data-part="separator" {...rest} />;
}
