import { ReactNode } from 'react';
import { UrlObject } from 'url';

type TComponentIcon = ReactNode;
type BaseComponentSizes = "sm" | "md" | "lg";

interface ClassName {
  className?: string;
}

type ButtonHierarchy =
  | "primary"
  | "secondary"
  | "tertiary"
  | "destructive";

type ButtonVariants =
  | "filled"
  | "outlined"
  | "ghost"
  | "basic"
  | "custom";

type Url = UrlObject | string;

type LinkTag = React.ComponentType<{
  children: ReactNode;
  className?: string;
  href: Url;
  role?: string;
}>;

interface IDropdownPosition {
  top: number;
  left?: number;
}

interface DropdownPositionProps {
  position?: IDropdownPosition;
  setDropdownHeight(height: number): void;
  setDropdownWidth(width: number): void;
}

interface InputTexts {
  label?: ReactNode;
  supportingText?: ReactNode;
  errorMessage?: ReactNode;
}

export { BaseComponentSizes as B, ClassName as C, DropdownPositionProps as D, InputTexts as I, LinkTag as L, TComponentIcon as T, ButtonVariants as a, ButtonHierarchy as b, IDropdownPosition as c };