import { z } from "zod/v4";
import type { JSX } from "solid-js";
import type { ComponentMeta } from "../../meta";

export const SeparatorPropsSchema = z.object({
  orientation: z.enum(["horizontal", "vertical"]).optional().describe("Visual and ARIA orientation. Defaults to horizontal"),
  decorative: z.boolean().optional().describe("When true, renders role=none (purely visual, not announced). Defaults to false"),
});

export interface SeparatorProps extends z.infer<typeof SeparatorPropsSchema>, JSX.HTMLAttributes<HTMLHRElement> {}

export const SeparatorMeta: ComponentMeta = {
  name: "Separator",
  description: "Visual divider between content sections or menu items",
  parts: ["Separator"] as const,
  requiredParts: ["Separator"] as const,
} as const;
