import { ThemeSize } from "../../theme/types.js";
import { SeparatorBorder } from "../../styles/separator.js";
import { SeparatorCompactProps, SeparatorUi } from "@soybeanjs/headless/separator";
import { Align, ClassValue } from "@soybeanjs/headless/types";

//#region src/components/separator/types.d.ts
/**
 * Properties for the Separator component.
 */
interface SeparatorProps extends SeparatorCompactProps {
  /**
   * Additional class names applied to the root element.
   */
  class?: ClassValue;
  /**
   * Visual size of the component.
   */
  size?: ThemeSize;
  /**
   * Per-slot class overrides for the component.
   */
  ui?: Partial<SeparatorUi>;
  /**
   * Align.
   */
  align?: Align;
  /**
   * Border.
   */
  border?: SeparatorBorder;
}
//#endregion
export { SeparatorProps };