import { ThemeSize } from "../../theme/types.js";
import { TabsFill, TabsShape } from "../../styles/tabs.js";
import { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentOptionData, SegmentUi } from "@soybeanjs/headless/segment";
import { AcceptableValue, ClassValue } from "@soybeanjs/headless/types";

//#region src/components/segment/types.d.ts
/**
 * Properties for the Segment component.
 */
interface SegmentProps<T extends SegmentOptionData> extends SegmentCompactProps<T> {
  /**
   * Additional class names applied to the root element.
   */
  class?: ClassValue;
  /**
   * Per-slot class overrides for the component.
   */
  ui?: Partial<SegmentUi>;
  /**
   * Visual size of the component.
   */
  size?: ThemeSize;
  /**
   * Shape of the component.
   */
  shape?: TabsShape;
  /**
   * Fill.
   */
  fill?: TabsFill;
}
/**
 * Events for the Segment component.
 */
type SegmentEmits<T extends AcceptableValue = AcceptableValue> = SegmentCompactEmits<T>;
/**
 * Slots for the Segment component.
 */
type SegmentSlots<T extends SegmentOptionData = SegmentOptionData> = SegmentCompactSlots<T>;
//#endregion
export { SegmentEmits, type SegmentOptionData, SegmentProps, SegmentSlots };