import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
import { Props } from 'react-modal';
import { C as ClassName, T as TComponentIcon, a as ButtonVariants, B as BaseComponentSizes, b as ButtonHierarchy } from './types-8627c32c.js';

type IconNames =
  | "crop"
  | "video-off"
  | "wifi-off"
  | "sun"
  | "shield-off"
  | "phone-off"
  | "mic-off"
  | "eye-off"
  | "cloud-rain"
  | "cloud-off"
  | "cloud-drizzle"
  | "clound-lightning"
  | "camera-off"
  | "bell-off"
  | "settings"
  | "two-layers"
  | "arrow-right"
  | "briefcase"
  | "align-left"
  | "bar-chart-2"
  | "clock"
  | "sunset"
  | "airplay"
  | "three-layers"
  | "activity"
  | "alert-circle"
  | "alert-octagon"
  | "alert-triangle"
  | "align-center"
  | "align-justify"
  | "align-right"
  | "anchor"
  | "battery-charging"
  | "tag"
  | "award"
  | "sunrise"
  | "archive"
  | "terminal"
  | "arrow-down-circle"
  | "bar-chart"
  | "cloud-snow"
  | "tablet"
  | "arrow-down-left"
  | "bluetooth"
  | "cloud"
  | "thumbs-down"
  | "arrow-down-right"
  | "battery"
  | "code"
  | "target"
  | "arrow-down"
  | "book-open"
  | "codepen"
  | "toggle-left"
  | "arrow-left-circle"
  | "bell"
  | "codesandbox"
  | "thermometer"
  | "arrow-left"
  | "bookmark"
  | "coffee"
  | "tool"
  | "arrow-right-circle"
  | "bold"
  | "coin-stack"
  | "thumbs-up"
  | "phone-forwarded"
  | "coins"
  | "arrow-up-circle"
  | "book"
  | "columns"
  | "toggle-right"
  | "arrow-up-left"
  | "command"
  | "phone-missed"
  | "arrow-up-right"
  | "box"
  | "compass"
  | "phone-call"
  | "arrow-up"
  | "cast"
  | "copy"
  | "phone-outgoing"
  | "at-sign"
  | "calendar"
  | "corner-down-left"
  | "phone-incoming"
  | "camera"
  | "corner-left-down"
  | "check-circle"
  | "corner-right-down"
  | "phone"
  | "check-square"
  | "corner-down-right"
  | "pie-chart"
  | "check"
  | "corner-up-left"
  | "play-circle"
  | "chevron-down"
  | "corner-left-up"
  | "play"
  | "chevron-left"
  | "plus-circle"
  | "chevron-right"
  | "corner-right-up"
  | "plus-square"
  | "chevron-up"
  | "plus"
  | "chevrons-down"
  | "corner-up-right"
  | "pocket"
  | "chevrons-left"
  | "database"
  | "power"
  | "chevrons-right"
  | "credit-card"
  | "printer"
  | "chevrons-up"
  | "disc"
  | "radio"
  | "chrome"
  | "crosshair"
  | "refresh-ccw"
  | "circle"
  | "clipboard"
  | "delete"
  | "repeat"
  | "stop-circle"
  | "divide-circle"
  | "divide-square"
  | "divide"
  | "dollar-sign"
  | "download-cloud"
  | "download"
  | "dribbble"
  | "droplet"
  | "edit-2"
  | "edit-3"
  | "edit"
  | "external-link"
  | "eye"
  | "facebook"
  | "shopping-bag"
  | "fast-forward"
  | "share"
  | "feather"
  | "shuffle"
  | "figma"
  | "shield"
  | "file-minus"
  | "skip-back"
  | "file-plus"
  | "shopping-cart"
  | "file-text"
  | "slack"
  | "file"
  | "sidebar"
  | "film"
  | "slash"
  | "filter"
  | "skip-forward"
  | "Filterslines"
  | "smartphone"
  | "flag"
  | "slash-divider"
  | "folder-minus"
  | "speaker"
  | "folder-plus"
  | "sliders"
  | "folder"
  | "star"
  | "framer"
  | "smile"
  | "frown"
  | "gift"
  | "square"
  | "git-branch"
  | "git-commit"
  | "git-merge"
  | "git-pull-request"
  | "github"
  | "gitlab"
  | "globe"
  | "grid"
  | "hard-drive"
  | "hash"
  | "headphones"
  | "heart"
  | "help-circle"
  | "trash"
  | "hexagon"
  | "home"
  | "trending-down"
  | "image"
  | "trash-2"
  | "inbox"
  | "triangle"
  | "info"
  | "trello"
  | "instagram"
  | "tv"
  | "italic"
  | "trending-up"
  | "key"
  | "twitter"
  | "layout"
  | "truck"
  | "life-buoy"
  | "umbrella"
  | "link-2"
  | "twitch"
  | "link"
  | "unlock"
  | "linkedin"
  | "type"
  | "list"
  | "numbered-list"
  | "upload"
  | "loader"
  | "underline"
  | "lock"
  | "user-minus"
  | "log-in"
  | "upload-cloud"
  | "log-out"
  | "user-x"
  | "mail"
  | "user-check"
  | "map-pin"
  | "rocket"
  | "map"
  | "refresh-cw"
  | "maximize-2"
  | "rotate-cw"
  | "maximize"
  | "rewind"
  | "meh"
  | "save"
  | "menu-2"
  | "rotate-ccw"
  | "menu"
  | "search"
  | "message-circle"
  | "rss"
  | "message-square"
  | "server"
  | "scissors"
  | "mic"
  | "share-2"
  | "minimize-2"
  | "send"
  | "minimize"
  | "x-circle"
  | "minus-circle"
  | "minus-square"
  | "x-square"
  | "minus"
  | "wind"
  | "monitor"
  | "youtube"
  | "moon"
  | "x-octagon"
  | "more-horizontal"
  | "zap"
  | "more-vertical"
  | "x"
  | "mouse-pointer"
  | "zoom-out"
  | "move"
  | "music"
  | "navigation-2"
  | "zoom-in"
  | "navigation"
  | "octagon"
  | "package"
  | "paperclip"
  | "pause-circle"
  | "pause"
  | "pen-tool"
  | "percent"
  | "user-plus"
  | "user"
  | "users"
  | "video"
  | "voicemail"
  | "volume-1"
  | "volume-2"
  | "volume-x"
  | "volume"
  | "watch"
  | "wifi";

interface IconButtonProps
  extends Omit<HTMLAttributes<HTMLButtonElement>, "aria-label">,
    Required<Pick<HTMLAttributes<HTMLButtonElement>, "aria-label">>,
    ClassName {
  icon?: TComponentIcon;
  iconName?: IconNames;
  variant?: ButtonVariants;
  size?: "xs" | BaseComponentSizes;
  disabled?: boolean;
  isLoading?: boolean;
  hierarchy?: ButtonHierarchy;
}

interface ModalProps extends PropsWithChildren, ClassName, Omit<Props, "className" | "isOpen" | "onRequestClose" | "style" | "overlayClassName"> {
    isOpen: boolean;
    variant?: "shadow" | "outline";
    size?: "sm" | "lg";
    header?: ReactNode;
    closeButtonProps?: Pick<IconButtonProps, "icon" | "iconName" | "aria-label">;
    overlayBackgroundColor?: string;
    overlayClassName?: string;
    imgSrc?: string;
    onClose(): void;
}

export { IconButtonProps as I, ModalProps as M, IconNames as a };