// ported from https://github.com/react-bootstrap/react-bootstrap/blob/f11723114d532cfce840417834a73733a8436414/src/types.tsx

export type Variant =
  | "primary"
  | "secondary"
  | "success"
  | "danger"
  | "warning"
  | "info"
  | "dark"
  | "light"
  | string;
export type ButtonVariant =
  | Variant
  | "link"
  | "outline-primary"
  | "outline-secondary"
  | "outline-success"
  | "outline-danger"
  | "outline-warning"
  | "outline-info"
  | "outline-dark"
  | "outline-light";
export type Color =
  | "primary"
  | "secondary"
  | "success"
  | "danger"
  | "warning"
  | "info"
  | "dark"
  | "light"
  | "white"
  | "muted";

export type Placement = import("solid-bootstrap-core").DropdownProps["placement"];

export type AlignDirection = "start" | "end";

export type ResponsiveAlignProp =
  | {sm: AlignDirection}
  | {md: AlignDirection}
  | {lg: AlignDirection}
  | {xl: AlignDirection}
  | {xxl: AlignDirection}
  | Record<string, AlignDirection>;

export type AlignType = AlignDirection | ResponsiveAlignProp;

export type RootCloseEvent = "click" | "mousedown";

export type GapValue = 0 | 1 | 2 | 3 | 4 | 5;