import type { App } from 'vue';
import {
  Button,
  Label,
  Separator,
  Badge,
  Checkbox,
  Select,
  Tabs,
  AlertDialog,
  Toast,
  Accordion,
  AspectRatio,
  Avatar,
  Breadcrumb,
  Calendar,
  Collapsible,
  ContextMenu,
  Datepicker,
  DateRangePicker,
  Dialog,
  DropdownMenu,
  Editor,
  Gnb,
  Header,
  Menubar,
  NavigationMenu,
  PinInput,
  Popover,
  RadioGroup,
  RangeCalendar,
  ScrollArea,
  Slider,
  Stepper,
  TagsInput,
  Text,
  TextArea,
  TextField,
  ToggleSwitch,
  Tooltip,
  Sidebar
} from './components';

export default {
  install: (app: App) => {
    app.component('Accordion', Accordion);
    app.component('AlertDialog', AlertDialog);
    app.component('AspectRatio', AspectRatio);
    app.component('Avatar', Avatar);
    app.component('Badge', Badge);
    app.component('Badge', Breadcrumb);
    app.component('Button', Button);
    app.component('Calendar', Calendar);
    app.component('Collapsible', Collapsible);
    app.component('ContextMenu', ContextMenu);
    app.component('Datepicker', Datepicker);
    app.component('DateRangePicker', DateRangePicker);
    app.component('Dialog', Dialog);
    app.component('DropdownMenu', DropdownMenu);
    app.component('Editor', Editor);
    app.component('Gnb', Gnb);
    app.component('Header', Header);
    app.component('Label', Label);
    app.component('Menubar', Menubar);
    app.component('NavigationMenu', NavigationMenu);
    app.component('PinInput', PinInput);
    app.component('Popover', Popover);
    app.component('RadioGroup', RadioGroup);
    app.component('RangeCalendar', RangeCalendar);
    app.component('ScrollArea', ScrollArea);
    app.component('Select', Select);
    app.component('Separator', Separator);
    app.component('Slider', Slider);
    app.component('Stepper', Stepper);
    app.component('Tabs', Tabs);
    app.component('TagsInput', TagsInput);
    app.component('Text', Text);
    app.component('TextArea', TextArea);
    app.component('TextField', TextField);
    app.component('Toast', Toast);
    app.component('ToggleSwitch', ToggleSwitch);
    app.component('Tooltip', Tooltip);
    app.component('Sidebar', Sidebar);
  }
};

export {
  Button,
  Label,
  Separator,
  Badge,
  Checkbox,
  Select,
  Tabs,
  AlertDialog,
  Toast,
  Accordion,
  AspectRatio,
  Avatar,
  Breadcrumb,
  Calendar,
  Collapsible,
  ContextMenu,
  Datepicker,
  DateRangePicker,
  Dialog,
  DropdownMenu,
  Editor,
  Gnb,
  Header,
  Menubar,
  NavigationMenu,
  PinInput,
  Popover,
  RadioGroup,
  RangeCalendar,
  ScrollArea,
  Slider,
  Stepper,
  TagsInput,
  Text,
  TextArea,
  TextField,
  ToggleSwitch,
  Tooltip,
  Sidebar
};