import type { Component } from 'vue';
import { unnnicFontSize as fontSize } from './config';
import formElement from './FormElement/FormElement.vue';
import input from './Input/Input.vue';
import inputDatePicker from './InputDatePicker/InputDatePicker.vue';
import button from './Button/Button.vue';
import sidebar from './Sidebar/index.vue';
import sidebarItem from './Sidebar/SidebarItem.vue';
import table from './Table/Table.vue';
import tableRow from './Table/TableRow.vue';
import { TableBody, TableCell, TableHead, TableHeader } from './ui/table';
import dropdown from './Dropdown/Dropdown.vue';
import dropdownItem from './Dropdown/DropdownItem.vue';
import avatarIcon from './AvatarIcon/AvatarIcon.vue';
import icon from './Icon.vue';
import iconLoading from './IconLoading/IconLoading.vue';
import toolTip from './ToolTip/ToolTip.vue';
import card from './Card/Card.vue';
import cardSimple from './Card/SimpleCard.vue';
import cardCompany from './Card/CardCompany.vue';
import cardData from './Card/CardData.vue';
import cardImage from './CardImage/CardImage.vue';
// import cardFlow from './CardFlow/CardFlow.vue';
import cardProject from './CardProject/CardProject.vue';
import cardInformation from './CardInformation/CardInformation.vue';
import checkbox from './Checkbox/Checkbox.vue';
import checkboxGroup from './CheckboxGroup/CheckboxGroup.vue';
import collapse from './Collapse/Collapse.vue';
import radio from './Radio/Radio.vue';
import radioGroup from './RadioGroup/RadioGroup.vue';
import languageSelect from './Dropdown/LanguageSelect.vue';
import modal from './Modal/Modal.vue';
import { callAlert, callModal } from '../utils/call';
import selectSmart from './SelectSmart/SelectSmart.vue';
import select from './Select/index.vue';
import selectItem from './Select/SelectItem.vue';
// import selectListItem from './SelectListItem/SelectListItem.vue';
import multiSelect from './MultiSelect/index.vue';
import alert from './Alert/Alert.vue';
// import autocomplete from './Input/Autocomplete.vue';
// import autocompleteSelect from './AutocompleteSelect/AutocompleteSelect.vue';
import tag from './Tag/Tag.vue';
import accordion from './Accordion/Accordion.vue';
import skeletonLoading from './SkeletonLoading/SkeletonLoading.vue';
import label from './Label/Label.vue';
import tab from './Tab/Tab.vue';
import tabsExpanded from './TabsExpanded/TabsExpanded.vue';
import banner from './Banner/Banner.vue';
import comment from './Comment/Comment.vue';
import datePicker from './DatePicker/DatePicker.vue';
import breadcrumb from './Breadcrumb/Breadcrumb.vue';
import Switch from './Switch/Switch.vue';
import DataArea from './DataArea/DataArea.vue';
import Pagination from './Pagination/Pagination.vue';
import DropArea from './DropArea/DropArea.vue';
import UploadArea from './UploadArea/UploadArea.vue';
import ImportCard from './ImportCard/ImportCard.vue';
import DateFilter from './DateFilter/DateFilter.vue';
import TextArea from './TextArea/TextArea.vue';
import CardNumber from './CardNumber/CardNumber.vue';
import chartRainbow from './ChartRainbow/ChartRainbow.vue';
import chartBar from './ChartBar/ChartBar.vue';
import chartLine from './ChartLine/ChartLine.vue';
import audioRecorder from './AudioRecorder/AudioRecorder.vue';
import progressBar from './ProgressBar/ProgressBar.vue';
import ChatsUserAvatar from './ChatsUserAvatar/ChatsUserAvatar.vue';
import ChartMultiLine from './ChartMultiLine/ChartMultiLine.vue';
import EmojiPicker from './EmojiPicker/EmojiPicker.vue';
import ChartFunnel from './ChartFunnel/ChartFunnel.vue';
import Disclaimer from './Disclaimer/Disclaimer.vue';
import Drawer from './Drawer/Drawer.vue';
import TableNext from './TableNext/TableNext.vue';
import ModalNext from './ModalNext/ModalNext.vue';
import ModalDialog from './ModalDialog/ModalDialog.vue';
import Tour from './Tour/Tour.vue';
import Navigator from './Navigator/index.vue';
import SelectTime from './SelectTime/index.vue';
import DataTable from './DataTable/index.vue';
import Chip from './Chip/Chip.vue';
import Toast from './Toast/Toast.vue';
import { toast } from './Toast/ToastManager';
import Popover from './ui/popover/Popover.vue';
import PopoverContent from './ui/popover/PopoverContent.vue';
import PopoverTrigger from './ui/popover/PopoverTrigger.vue';
import PopoverFooter from './ui/popover/PopoverFooter.vue';
import PopoverOption from './ui/popover/PopoverOption.vue';
import TemplatePreview from './TemplatePreview/TemplatePreview.vue';
import TemplatePreviewModal from './TemplatePreview/TemplatePreviewModal.vue';
import Tabs from './ui/tabs/Tabs.vue';
import TabsList from './ui/tabs/TabsList.vue';
import TabsTrigger from './ui/tabs/TabsTrigger.vue';
import TabsContent from './ui/tabs/TabsContent.vue';
import {
  SegmentedControl,
  SegmentedControlList,
  SegmentedControlTrigger,
  SegmentedControlContent,
} from './ui/segmented-control';
import PageHeader from './PageHeader/PageHeader.vue';
import Dialog from './ui/dialog/Dialog.vue';
import DialogContent from './ui/dialog/DialogContent.vue';
import DialogFooter from './ui/dialog/DialogFooter.vue';
import DialogHeader from './ui/dialog/DialogHeader.vue';
import DialogTitle from './ui/dialog/DialogTitle.vue';
import DialogTrigger from './ui/dialog/DialogTrigger.vue';
import DialogClose from './ui/dialog/DialogClose.vue';
import DrawerNext from './ui/drawer/Drawer.vue';
import DrawerContent from './ui/drawer/DrawerContent.vue';
import DrawerHeader from './ui/drawer/DrawerHeader.vue';
import DrawerFooter from './ui/drawer/DrawerFooter.vue';
import DrawerClose from './ui/drawer/DrawerClose.vue';
import DrawerTitle from './ui/drawer/DrawerTitle.vue';
import DrawerDescription from './ui/drawer/DrawerDescription.vue';

type VueComponent = Component;

export interface ComponentsMap {
  [key: string]: VueComponent | Function;
}

export const components: ComponentsMap = {
  unnnicFormElement: formElement,
  unnnicInput: input,
  unnnicInputDatePicker: inputDatePicker,
  unnnicButton: button,
  unnnicSidebar: sidebar,
  unnnicSidebarItem: sidebarItem,
  unnnicTable: table,
  unnnicTableRow: tableRow,
  unnnicTableBody: TableBody,
  unnnicTableCell: TableCell,
  unnnicTableHead: TableHead,
  unnnicTableHeader: TableHeader,
  unnnicAvatarIcon: avatarIcon,
  unnnicIcon: icon,
  unnnicIconSvg: icon,
  unnnicIconLoading: iconLoading,
  unnnicDropdown: dropdown,
  unnnicDropdownItem: dropdownItem,
  unnnicToolTip: toolTip,
  unnnicCard: card,
  unnnicSimpleCard: cardSimple,
  unnnicCardCompany: cardCompany,
  unnnicCardData: cardData,
  unnnicCardImage: cardImage,
  // unnnicCardFlow: cardFlow,
  unnnicCardProject: cardProject,
  unnnicCardInformation: cardInformation,
  unnnicCheckbox: checkbox,
  unnnicCheckboxGroup: checkboxGroup,
  unnnicCollapse: collapse,
  unnnicRadio: radio,
  unnnicRadioGroup: radioGroup,
  unnnicLanguageSelect: languageSelect,
  unnnicModal: modal,
  unnnicModalNext: ModalNext,
  unnnicModalDialog: ModalDialog,
  unnnicSelectSmart: selectSmart,
  unnnicSelect: select,
  unnnicSelectItem: selectItem,
  // unnnicSelectListItem: selectListItem,
  unnnicMultiSelect: multiSelect as VueComponent,
  unnnicAlert: alert,
  unnnicCallAlert: callAlert,
  unnnicCallModal: callModal,
  // unnnicAutocomplete: autocomplete,
  // unnnicAutocompleteSelect: autocompleteSelect,
  unnnicTag: tag,
  unnnicAccordion: accordion,
  unnnicSkeletonLoading: skeletonLoading,
  unnnicLabel: label,
  unnnicTab: tab,
  unnnicTabsExpanded: tabsExpanded,
  unnnicBanner: banner,
  unnnicComment: comment,
  unnnicDatePicker: datePicker,
  unnnicBreadcrumb: breadcrumb,
  unnnicSwitch: Switch,
  unnnicDataArea: DataArea,
  unnnicPagination: Pagination,
  unnnicDropArea: DropArea,
  unnnicUploadArea: UploadArea,
  unnnicImportCard: ImportCard,
  unnnicDateFilter: DateFilter,
  unnnicTextArea: TextArea,
  unnnicCardNumber: CardNumber,
  unnnicChartRainbow: chartRainbow,
  unnnicChartBar: chartBar,
  unnnicChartLine: chartLine,
  unnnicAudioRecorder: audioRecorder,
  unnnicProgressBar: progressBar,
  unnnicChatsUserAvatar: ChatsUserAvatar,
  unnnicChartMultiLine: ChartMultiLine,
  unnnicEmojiPicker: EmojiPicker,
  unnnicChartFunnel: ChartFunnel,
  unnnicDisclaimer: Disclaimer,
  unnnicDrawer: Drawer,
  unnnicTableNext: TableNext,
  unnnicTour: Tour,
  unnnicNavigator: Navigator,
  unnnicSelectTime: SelectTime,
  unnnicTemplatePreview: TemplatePreview,
  unnnicTemplatePreviewModal: TemplatePreviewModal,
  unnnicDataTable: DataTable,
  unnnicChip: Chip,
  unnnicToast: Toast,
  unnnicToastManager: toast,
  unnnicPopover: Popover,
  unnnicPopoverContent: PopoverContent,
  unnnicPopoverTrigger: PopoverTrigger,
  unnnicPopoverFooter: PopoverFooter,
  unnnicPopoverOption: PopoverOption,
  unnnicTabs: Tabs,
  unnnicTabsList: TabsList,
  unnnicTabsTrigger: TabsTrigger,
  unnnicTabsContent: TabsContent,
  unnnicSegmentedControl: SegmentedControl,
  unnnicSegmentedControlList: SegmentedControlList,
  unnnicSegmentedControlTrigger: SegmentedControlTrigger,
  unnnicSegmentedControlContent: SegmentedControlContent,
  unnnicPageHeader: PageHeader,
  unnnicDialog: Dialog,
  unnnicDialogContent: DialogContent,
  unnnicDialogFooter: DialogFooter,
  unnnicDialogHeader: DialogHeader,
  unnnicDialogTitle: DialogTitle,
  unnnicDialogTrigger: DialogTrigger,
  unnnicDialogClose: DialogClose,
  unnnicDrawerNext: DrawerNext,
  unnnicDrawerContent: DrawerContent,
  unnnicDrawerHeader: DrawerHeader,
  unnnicDrawerFooter: DrawerFooter,
  unnnicDrawerClose: DrawerClose,
  unnnicDrawerTitle: DrawerTitle,
  unnnicDrawerDescription: DrawerDescription,
};

export const unnnicFontSize = fontSize;
export const unnnicFormElement = formElement;
export const unnnicInput = input;
export const unnnicInputDatePicker = inputDatePicker as VueComponent;
export const unnnicButton = button;
export const unnnicSidebar = sidebar;
export const unnnicSidebarItem = sidebarItem;
export const unnnicTable = table;
export const unnnicTableRow = tableRow;
export const unnnicTableBody = TableBody;
export const unnnicTableCell = TableCell;
export const unnnicTableHead = TableHead;
export const unnnicTableHeader = TableHeader;
export const unnnicDropdown = dropdown as VueComponent;
export const unnnicDropdownItem = dropdownItem;
export const unnnicAvatarIcon = avatarIcon;
export const unnnicIcon = icon;
export const unnnicIconSvg = icon;
export const unnnicIconLoading = iconLoading;
export const unnnicToolTip = toolTip;
export const unnnicCard = card;
export const unnnicSimpleCard = cardSimple;
export const unnnicCardCompany = cardCompany;
export const unnnicCardData = cardData;
export const unnnicCardImage = cardImage as VueComponent;
// export const unnnicCardFlow = cardFlow;
export const unnnicCardProject = cardProject as VueComponent;
export const unnnicCardInformation = cardInformation;
export const unnnicCheckbox = checkbox;
export const unnnicCheckboxGroup = checkboxGroup;
export const unnnicCollapse = collapse;
export const unnnicRadio = radio;
export const unnnicRadioGroup = radioGroup;
export const unnniclanguageSelect = languageSelect as VueComponent;
export const unnnicModal = modal;
export const unnnicModalDialog = ModalDialog;
export const unnnicModalNext = ModalNext;
export const unnnicSelectSmart = selectSmart as VueComponent;
export const unnnicSelect = select as VueComponent;
export const unnnicSelectItem = selectItem;
// export const unnnicSelectListItem = selectListItem;
export const unnnicMultiSelect = multiSelect as VueComponent;
export const unnnicAlert = alert;
export const unnnicCallAlert = (props: any) => callAlert(props);
export const unnnicCallModal = (props: any) => callModal(props);
// export const unnnicAutocomplete = autocomplete;
// export const unnnicAutocompleteSelect = autocompleteSelect;
export const unnnicTag = tag;
export const unnnicAccordion = accordion;
export const unnnicSkeletonLoading = skeletonLoading;
export const unnnicLabel = label as VueComponent;
export const unnnicTab = tab;
export const unnnicTabsExpanded = tabsExpanded;
export const unnnicBanner = banner;
export const unnnicComment = comment;
export const unnnicDatePicker = datePicker;
export const unnnicBreadcrumb = breadcrumb;
export const unnnicSwitch = Switch;
export const unnnicDataArea = DataArea;
export const unnnicPagination = Pagination;
export const unnnicDropArea = DropArea;
export const unnnicUploadArea = UploadArea;
export const unnnicImportCard = ImportCard;
export const unnnicDateFilter = DateFilter;
export const unnnicTextArea = TextArea;
export const unnnicCardNumber = CardNumber;
export const unnnicChartRainbow = chartRainbow;
export const unnnicChartBar = chartBar;
export const unnnicChartLine = chartLine;
export const unnnicAudioRecorder = audioRecorder;
export const unnnicProgressBar = progressBar;
export const unnnicChatsUserAvatar = ChatsUserAvatar;
export const unnnicChartMultiLine = ChartMultiLine;
export const unnnicEmojiPicker = EmojiPicker;
export const unnnicChartFunnel = ChartFunnel as VueComponent;
export const unnnicDisclaimer = Disclaimer;
export const unnnicDrawer = Drawer;
export const unnnicTableNext = TableNext;
export const unnnicTour = Tour;
export const unnnicNavigator = Navigator;
export const unnnicDataTable = DataTable as VueComponent;
export const unnnicSelectTime = SelectTime as VueComponent;
export const unnnicChip = Chip;
export const unnnicToast = Toast;
export const unnnicToastManager = toast;
export const unnnicPopover = Popover;
export const unnnicPopoverContent = PopoverContent;
export const unnnicPopoverTrigger = PopoverTrigger;
export const unnnicPopoverFooter = PopoverFooter;
export const unnnicPopoverOption = PopoverOption as VueComponent;
export const unnnicTemplatePreview = TemplatePreview as VueComponent;
export const unnnicTemplatePreviewModal = TemplatePreviewModal as VueComponent;
export const unnnicTabs = Tabs;
export const unnnicTabsList = TabsList;
export const unnnicTabsTrigger = TabsTrigger;
export const unnnicTabsContent = TabsContent;
export const unnnicSegmentedControl = SegmentedControl;
export const unnnicSegmentedControlList = SegmentedControlList;
export const unnnicSegmentedControlTrigger = SegmentedControlTrigger;
export const unnnicSegmentedControlContent = SegmentedControlContent;
export const unnnicPageHeader = PageHeader;
export const unnnicDialog = Dialog;
export const unnnicDialogContent = DialogContent;
export const unnnicDialogFooter = DialogFooter;
export const unnnicDialogHeader = DialogHeader;
export const unnnicDialogTitle = DialogTitle;
export const unnnicDialogTrigger = DialogTrigger;
export const unnnicDialogClose = DialogClose;
export const unnnicDrawerNext = DrawerNext;
export const unnnicDrawerContent = DrawerContent;
export const unnnicDrawerHeader = DrawerHeader;
export const unnnicDrawerFooter = DrawerFooter;
export const unnnicDrawerClose = DrawerClose;
export const unnnicDrawerTitle = DrawerTitle;
export const unnnicDrawerDescription = DrawerDescription;

export const UnnnicFontSize = fontSize;
export const UnnnicFormElement = formElement;
export const UnnnicInput = input;
export const UnnnicInputDatePicker = inputDatePicker as VueComponent;
export const UnnnicButton = button;
export const UnnnicSidebar = sidebar;
export const UnnnicSidebarItem = sidebarItem;
export const UnnnicTable = table;
export const UnnnicTableRow = tableRow;
export const UnnnicTableBody = TableBody;
export const UnnnicTableCell = TableCell;
export const UnnnicTableHead = TableHead;
export const UnnnicTableHeader = TableHeader;
export const UnnnicDropdown = dropdown as VueComponent;
export const UnnnicDropdownItem = dropdownItem;
export const UnnnicAvatarIcon = avatarIcon;
export const UnnnicIcon = icon;
export const UnnnicIconSvg = icon;
export const UnnnicIconLoading = iconLoading;
export const UnnnicToolTip = toolTip;
export const UnnnicCard = card;
export const UnnnicSimpleCard = cardSimple;
export const UnnnicCardCompany = cardCompany;
export const UnnnicCardData = cardData;
export const UnnnicCardImage = cardImage as VueComponent;
// export const UnnnicCardFlow = cardFlow;
export const UnnnicCardProject = cardProject as VueComponent;
export const UnnnicCardInformation = cardInformation;
export const UnnnicCheckbox = checkbox;
export const UnnnicCheckboxGroup = checkboxGroup;
export const UnnnicCollapse = collapse;
export const UnnnicRadio = radio;
export const UnnnicRadioGroup = radioGroup;
export const UnnniclanguageSelect = languageSelect as VueComponent;
export const UnnnicModal = modal;
export const UnnnicModalDialog = ModalDialog;
export const UnnnicModalNext = ModalNext;
export const UnnnicSelectSmart = selectSmart as VueComponent;
export const UnnnicSelect = select as VueComponent;
export const UnnnicSelectItem = selectItem;
// export const UnnnicSelectListItem = selectListItem;
export const UnnnicMultiSelect = multiSelect as VueComponent;
export const UnnnicAlert = alert;
export const UnnnicCallAlert = (props: any) => callAlert(props);
export const UnnnicCallModal = (props: any) => callModal(props);
// export const UnnnicAutocomplete = autocomplete;
// export const UnnnicAutocompleteSelect = autocompleteSelect;
export const UnnnicTag = tag;
export const UnnnicAccordion = accordion;
export const UnnnicSkeletonLoading = skeletonLoading;
export const UnnnicLabel = label as VueComponent;
export const UnnnicTab = tab;
export const UnnnicTabsExpanded = tabsExpanded;
export const UnnnicBanner = banner;
export const UnnnicComment = comment;
export const UnnnicDatePicker = datePicker;
export const UnnnicBreadcrumb = breadcrumb;
export const UnnnicSwitch = Switch;
export const UnnnicDataArea = DataArea;
export const UnnnicPagination = Pagination;
export const UnnnicDropArea = DropArea;
export const UnnnicUploadArea = UploadArea;
export const UnnnicImportCard = ImportCard;
export const UnnnicDateFilter = DateFilter;
export const UnnnicTextArea = TextArea;
export const UnnnicCardNumber = CardNumber;
export const UnnnicChartRainbow = chartRainbow;
export const UnnnicChartBar = chartBar;
export const UnnnicChartLine = chartLine;
export const UnnnicAudioRecorder = audioRecorder;
export const UnnnicProgressBar = progressBar;
export const UnnnicChatsUserAvatar = ChatsUserAvatar;
export const UnnnicChartMultiLine = ChartMultiLine;
export const UnnnicEmojiPicker = EmojiPicker;
export const UnnnicChartFunnel = ChartFunnel as VueComponent;
export const UnnnicDisclaimer = Disclaimer;
export const UnnnicDrawer = Drawer;
export const UnnnicTableNext = TableNext;
export const UnnnicTour = Tour;
export const UnnnicNavigator = Navigator;
export const UnnnicDataTable = DataTable as VueComponent;
export const UnnnicSelectTime = SelectTime as VueComponent;
export const UnnnicChip = Chip;
export const UnnnicToast = Toast;
export const UnnnicToastManager = toast;
export const UnnnicPopover = Popover;
export const UnnnicPopoverContent = PopoverContent;
export const UnnnicPopoverTrigger = PopoverTrigger;
export const UnnnicPopoverFooter = PopoverFooter;
export const UnnnicPopoverOption = PopoverOption as VueComponent;
export const UnnnicTemplatePreview = TemplatePreview as VueComponent;
export const UnnnicTemplatePreviewModal = TemplatePreviewModal as VueComponent;
export const UnnnicTabs = Tabs;
export const UnnnicTabsList = TabsList;
export const UnnnicTabsTrigger = TabsTrigger;
export const UnnnicTabsContent = TabsContent;
export const UnnnicSegmentedControl = SegmentedControl;
export const UnnnicSegmentedControlList = SegmentedControlList;
export const UnnnicSegmentedControlTrigger = SegmentedControlTrigger;
export const UnnnicSegmentedControlContent = SegmentedControlContent;
export const UnnnicPageHeader = PageHeader;
export const UnnnicDialog = Dialog;
export const UnnnicDialogContent = DialogContent;
export const UnnnicDialogFooter = DialogFooter;
export const UnnnicDialogHeader = DialogHeader;
export const UnnnicDialogTitle = DialogTitle;
export const UnnnicDialogTrigger = DialogTrigger;
export const UnnnicDialogClose = DialogClose;
export const UnnnicDrawerNext = DrawerNext;
export const UnnnicDrawerContent = DrawerContent;
export const UnnnicDrawerHeader = DrawerHeader;
export const UnnnicDrawerFooter = DrawerFooter;
export const UnnnicDrawerClose = DrawerClose;
export const UnnnicDrawerTitle = DrawerTitle;
export const UnnnicDrawerDescription = DrawerDescription;