import { ThemeColor, ThemeSize } from "../../theme/types.js";
import { AnchorCompactEmits, AnchorCompactProps, AnchorUiSlot } from "@soybeanjs/headless/anchor";
import { ClassValue, UiClass } from "@soybeanjs/headless/types";

//#region src/components/anchor/types.d.ts
/**
 * Additional UI slots for the anchor component.
 */
type AnchorExtraUiSlot = Exclude<AnchorUiSlot, 'root' | 'link'>;
/**
 * Extended UI class overrides for the Anchor component.
 */
type AnchorExtendedUi = UiClass<AnchorUiSlot>;
/**
 * Properties for the Anchor component.
 */
interface AnchorProps extends AnchorCompactProps {
  /**
   * Theme color of the component.
   */
  color?: ThemeColor;
  /**
   * Visual size of the component.
   */
  size?: ThemeSize;
  /**
   * Per-slot class overrides for the component.
   */
  ui?: Partial<AnchorExtendedUi>;
  /**
   * Additional class names applied to the root element.
   */
  class?: ClassValue;
  /**
   * Whether sticky.
   */
  sticky?: boolean;
}
/**
 * Events for the Anchor component.
 */
type AnchorEmits = AnchorCompactEmits;
//#endregion
export { AnchorEmits, AnchorExtendedUi, AnchorExtraUiSlot, AnchorProps };