import { TabsOptionData, TabsProps } from "../tabs/types.js";

//#region src/components/segment/types.d.ts

/**
 * Data structure for a single segment option in the segment control.
 * Extends TabsOptionData but removes the children property since segments
 * typically do not display content panels like tabs do.
 */
type SegmentOptionData = Omit<TabsOptionData, 'children'>;
/**
 * Props for the Segment Control component.
 * A segmented control (also known as segmented button group) for selecting one option
 * from multiple mutually exclusive choices.
 *
 * @template T - Type of segment option data, defaults to SegmentOptionData
 *
 * @example
 * ```tsx
 * <Segment
 *   items={[
 *     { value: "day", label: "Day" },
 *     { value: "week", label: "Week" },
 *     { value: "month", label: "Month" }
 *   ]}
 *   defaultValue="day"
 * />
 * ```
 */
type SegmentProps<T extends SegmentOptionData> = Omit<TabsProps<TabsOptionData>, 'items'> & {
  /**
   * Array of segment options to display.
   * Each option represents a selectable segment button.
   */
  items: T[];
};
//#endregion
export { SegmentOptionData, SegmentProps };