import { ThemeSize } from "../../theme/types.js";
import { PaginationShape, PaginationVariant } from "../../styles/pagination.js";
import { PaginationCompactEmits, PaginationCompactProps, PaginationCompactSlots, PaginationUi } from "@soybeanjs/headless/pagination";
import { ClassValue } from "@soybeanjs/headless/types";

//#region src/components/pagination/types.d.ts
/**
 * Properties for the Pagination component.
 */
interface PaginationProps extends PaginationCompactProps {
  /**
   * Additional class names applied to the root element.
   */
  class?: ClassValue;
  /** The custom ui class names */
  ui?: Partial<PaginationUi>;
  /** The size of the pagination */
  size?: ThemeSize;
  /** The variant of the pagination */
  variant?: PaginationVariant;
  /** The shape of the pagination */
  shape?: PaginationShape;
  /** Whether to apply the selected state to the action button */
  actionAsSelected?: boolean;
}
/**
 * Events for the Pagination component.
 */
type PaginationEmits = PaginationCompactEmits;
/**
 * Slots for the Pagination component.
 */
type PaginationSlots = PaginationCompactSlots;
//#endregion
export { PaginationEmits, PaginationProps, PaginationSlots };