<script setup>
import Accordion from "../bootstrap/accordion/Accordion";
import AccordionBody from "../bootstrap/accordion/AccordionBody";
import AccordionButton from "../bootstrap/accordion/AccordionButton";
import AccordionCollapse from "../bootstrap/accordion/AccordionCollapse";
import AccordionHeader from "../bootstrap/accordion/AccordionHeader";
import AccordionItem from "../bootstrap/accordion/AccordionItem";
import AccordionSection from "../bootstrap/accordion/AccordionSection.vue";
import Alert from "../bootstrap/alert/Alert";
import AlertHeading from "../bootstrap/alert/AlertHeading";
import AlertLink from "../bootstrap/alert/AlertLink.vue";
import Backdrop from "../bootstrap/backdrop/Backdrop";
import Badge from "../bootstrap/badge/Badge";
import Breadcrumb from "../bootstrap/breadcrumb/Breadcrumb";
import BreadcrumbItem from "../bootstrap/breadcrumb/BreadcrumbItem.vue";
import ButtonGroup from "../bootstrap/button/ButtonGroup";
import ButtonToolbar from "../bootstrap/button/ButtonToolbar";
import CheckboxToggleButton from "../bootstrap/button/CheckboxToggleButton";
import CloseButton from "../bootstrap/button/CloseButton";
import RadioToggleButton from "../bootstrap/button/RadioToggleButton";
import Card from "../bootstrap/card/Card";
import CardBody from "../bootstrap/card/CardBody";
import CardFooter from "../bootstrap/card/CardFooter";
import CardGroup from "../bootstrap/card/CardGroup";
import CardHeader from "../bootstrap/card/CardHeader";
import CardImg from "../bootstrap/card/CardImg";
import CardImgBottom from "../bootstrap/card/CardImgBottom";
import CardImgOverlay from "../bootstrap/card/CardImgOverlay";
import CardImgTop from "../bootstrap/card/CardImgTop";
import CardLink from "../bootstrap/card/CardLink.vue";
import CardSubTitle from "../bootstrap/card/CardSubTitle";
import CardText from "../bootstrap/card/CardText";
import CardTitle from "../bootstrap/card/CardTitle";
import Carousel from "../bootstrap/carousel/Carousel";
import CarouselCaption from "../bootstrap/carousel/CarouselCaption";
import CarouselInner from "../bootstrap/carousel/CarouselInner";
import CarouselItem from "../bootstrap/carousel/CarouselItem";
import CarouselItemImage from "../bootstrap/carousel/CarouselItemImage";
import Collapse from "../bootstrap/collapse/Collapse";
import Flex from "../bootstrap/cssgrid/Flex";
import FlexItem from "../bootstrap/cssgrid/FlexItem";
import Grid from "../bootstrap/cssgrid/Grid";
import GridCol from "../bootstrap/cssgrid/GridCol";
import Dropdown from "../bootstrap/dropdown/Dropdown";
import DropdownItem from "../bootstrap/dropdown/DropdownItem.vue";
import DropdownItemDivider from "../bootstrap/dropdown/DropdownItemDivider";
import DropdownItemText from "../bootstrap/dropdown/DropdownItemText";
import DropdownMenu from "../bootstrap/dropdown/DropdownMenu";
import DropdownToggle from "../bootstrap/dropdown/DropdownToggle";
import DropdownToggleSplit from "../bootstrap/dropdown/DropdownToggleSplit";
import Col from "../bootstrap/grid/Col";
import Container from "../bootstrap/grid/Container";
import Row from "../bootstrap/grid/Row";
import ListGroup from "../bootstrap/list-group/ListGroup";
import ListGroupItem from "../bootstrap/list-group/ListGroupItem";
import ListGroupItemAction from "../bootstrap/list-group/ListGroupItemAction.vue";
import ListGroupItemLabel from "../bootstrap/list-group/ListGroupItemLabel";
import ListGroupList from "../bootstrap/list-group/ListGroupList";
import Modal from "../bootstrap/modal/Modal";
import ModalBody from "../bootstrap/modal/ModalBody";
import ModalContent from "../bootstrap/modal/ModalContent";
import ModalDialog from "../bootstrap/modal/ModalDialog";
import ModalFooter from "../bootstrap/modal/ModalFooter";
import ModalHeader from "../bootstrap/modal/ModalHeader";
import ModalTitle from "../bootstrap/modal/ModalTitle";
import ModalToggleButton from "../bootstrap/modal/ModalToggleButton";
import Nav from "../bootstrap/nav/Nav";
import NavItem from "../bootstrap/nav/NavItem";
import NavItemDropdown from "../bootstrap/nav/NavItemDropdown";
import NavItemDropdownToggle from "../bootstrap/nav/NavItemDropdownToggle";
import NavLink from "../bootstrap/nav/NavLink.vue";
import NavList from "../bootstrap/nav/NavList";
import TabContent from "../bootstrap/nav/TabContent";
import TabPane from "../bootstrap/nav/TabPane";
import Navbar from "../bootstrap/navbar/Navbar";
import NavbarBrand from "../bootstrap/navbar/NavbarBrand";
import NavbarCollapse from "../bootstrap/navbar/NavbarCollapse";
import NavbarNav from "../bootstrap/navbar/NavbarNav";
import NavbarNavList from "../bootstrap/navbar/NavbarNavList";
import NavbarText from "../bootstrap/navbar/NavbarText";
import NavbarToggler from "../bootstrap/navbar/NavbarToggler";
import Offcanvas from "../bootstrap/offcanvas/Offcanvas";
import OffcanvasBody from "../bootstrap/offcanvas/OffcanvasBody";
import OffcanvasHeader from "../bootstrap/offcanvas/OffcanvasHeader";
import OffcanvasTitle from "../bootstrap/offcanvas/OffcanvasTitle";
import PageItem from "../bootstrap/pagination/PageItem";
import PageLink from "../bootstrap/pagination/PageLink";
import Pagination from "../bootstrap/pagination/Pagination";
import Progress from "../bootstrap/progress/Progress";
import ProgressBar from "../bootstrap/progress/ProgressBar";
import Spinner from "../bootstrap/spinner/Spinner";
import Toast from "../bootstrap/toast/Toast";
import ToastBody from "../bootstrap/toast/ToastBody";
import ToastContainer from "../bootstrap/toast/ToastContainer";
import ToastHeader from "../bootstrap/toast/ToastHeader";
import Vr from "../bootstrap/vertical-rule/VerticalRule";
import Avatar from "../extend/avatar/Avatar";
import BackToTop from "../extend/back-to-top/BackToTop.vue";
import Background from "../extend/background/Background.vue";
import Calendar from "../extend/calendar/Calendar.vue";
import DatePicker from "../extend/calendar/DatePicker.vue";
import CodeHighlighter from "../extend/code/CodeHighlighter.vue";
import EventViewer from "../extend/code/EventViewer.vue";
import ColorModeNavItemDropdown from "../extend/color-mode/ColorModeNavItemDropdown.vue";
import ResponsiveRule from "../extend/divider/ResponsiveRule.vue";
import LocaleNavItemDropdown from "../extend/dynamic-route/LocaleNavItemDropdown.vue";
import Localization from "../extend/dynamic-route/Localization.vue";
import BarChart from "../extend/echart/BarChart.vue";
import LineChart from "../extend/echart/LineChart.vue";
import PieChart from "../extend/echart/PieChart.vue";
import Fixed from "../extend/fixed/Fixed.vue";
import GridArea from "../extend/grid-template/GridArea";
import GridTemplate from "../extend/grid-template/GridTemplate.vue";
import HeadingBlock from "../extend/heading/HeadingBlock.vue";
import HeroRow from "../extend/hero-row/HeroRow.vue";
import IconBox from "../extend/icon-box/IconBox";
import Intro from "../extend/intro/Intro.vue";
import JsonView from "../extend/json-view/JsonView.vue";
import FloatingNavbar from "../extend/navbar/FloatingNavbar.vue";
import SlideNavbar from "../extend/navbar/SlideNavbar.vue";
import StickyToggleNavbar from "../extend/navbar/StickyToggleNavbar.vue";
import PasswordStrength from "../extend/password-strength/PasswordStrength.vue";
import Paper from "../extend/paper/Paper.vue";
import Rating from "../extend/rating/Rating.vue";
import Sidebar from "../extend/sidebar/Sidebar.vue";
import Sortable from "../extend/sortable/Sortable.vue";
import StackGroup from "../extend/stack-group/StackGroup.vue";
import StackGroupItem from "../extend/stack-group/StackGroupItem.vue";
import StatusIndicator from "../extend/status-indicator/StatusIndicator";
import Step from "../extend/step/Step.vue";
import StepItem from "../extend/step/StepItem.vue";
import Swiper from "../extend/swiper/Swiper.vue";
import TiptapEditor from "../extend/tiptap/TiptapEditor.vue";
import Toc from "../extend/toc/Toc.vue";
import Typed from "../extend/typed/Typed";
import Blockquote from "../html-block/blockquote/Blockquote";
import BlockquoteFigure from "../html-block/blockquote/BlockquoteFigure";
import BlockquoteFooter from "../html-block/blockquote/BlockquoteFooter";
import Figure from "../html-block/figure/Figure";
import FigureCaption from "../html-block/figure/FigureCaption";
import FigureImage from "../html-block/figure/FigureImage";
import ColFormLabel from "../html-block/form/ColFormLabel";
import ColFormLegend from "../html-block/form/ColFormLegend";
import Datalist from "../html-block/form/Datalist";
import Fieldset from "../html-block/form/Fieldset";
import Form from "../html-block/form/Form";
import FormCheck from "../html-block/form/FormCheck";
import FormCheckInput from "../html-block/form/FormCheckInput.vue";
import FormCheckLabel from "../html-block/form/FormCheckLabel";
import FormColor from "../html-block/form/FormColor.vue";
import FormControl from "../html-block/form/FormControl";
import FormFile from "../html-block/form/FormFile.vue";
import FormFloating from "../html-block/form/FormFloating";
import FormInput from "../html-block/form/FormInput.vue";
import FormLabel from "../html-block/form/FormLabel";
import FormRange from "../html-block/form/FormRange.vue";
import FormSelect from "../html-block/form/FormSelect.vue";
import FormSwitch from "../html-block/form/FormSwitch";
import FormText from "../html-block/form/FormText";
import FormTextarea from "../html-block/form/FormTextarea.vue";
import InputGroup from "../html-block/form/InputGroup";
import InputGroupText from "../html-block/form/InputGroupText";
import Label from "../html-block/form/Label";
import Legend from "../html-block/form/Legend";
import Option from "../html-block/form/Option";
import ValidFeedback from "../html-block/form/ValidFeedback.vue";
import ValidTooltip from "../html-block/form/ValidTooltip.vue";
import Block from "../html-block/Block";
import Dd from "../html-block/DefinitionDescription";
import Dl from "../html-block/DefinitionList";
import Dt from "../html-block/DefinitionTerm";
import Div from "../html-block/Div";
import Footer from "../html-block/Footer";
import Hr from "../html-block/Hr";
import Img from "../html-block/Image";
import Image from "../html-block/Image";
import Input from "../html-block/HtmlInput.vue";
import Ul from "../html-block/List";
import List from "../html-block/List";
import Li from "../html-block/ListItem.vue";
import ListItem from "../html-block/ListItem.vue";
import Main from "../html-block/Main";
import Ol from "../html-block/OrderedList";
import P from "../html-block/Paragraph";
import Paragraph from "../html-block/Paragraph";
import Picture from "../html-block/Picture";
import Select from "../html-block/Select.vue";
import Textarea from "../html-block/Textarea.vue";
import A from "../html-inline/Anchor";
import Anchor from "../html-inline/Anchor";
import Button from "../html-inline/Button";
import H1 from "../html-inline/H1";
import H2 from "../html-inline/H2";
import H3 from "../html-inline/H3";
import H4 from "../html-inline/H4";
import H5 from "../html-inline/H5";
import H6 from "../html-inline/H6";
import H from "../html-inline/Headings";
import Headings from "../html-inline/Headings";
import Span from "../html-inline/Inline";
import Inline from "../html-inline/Inline";
import Small from "../html-inline/Small";
import Strong from "../html-inline/Strong";
import Caption from "../html-table/Caption";
import Table from "../html-table/Table";
import Tbody from "../html-table/Tbody";
import Td from "../html-table/Td";
import Tfoot from "../html-table/Tfoot";
import Th from "../html-table/Th";
import Thead from "../html-table/Thead";
import Tr from "../html-table/Tr";
import Icon from "../icon/BIcon";
import ActionState from "../integration/ActionState.vue";
import ArrayQuery from "../integration/ArrayQuery.vue";
import DataTable from "../integration/DataTable.vue";
import DataTableBody from "../integration/DataTableBody.vue";
import DataTableFooter from "../integration/DataTableFooter.vue";
import DataTableHeader from "../integration/DataTableHeader.vue";
import DataTableHeaderRowFilter from "../integration/DataTableHeaderRowFilter.vue";
import DataTableHeaderRowSorter from "../integration/DataTableHeaderRowSorter.vue";
import FullTextFilter from "../integration/FullTextFilter.vue";
import ViewState from "../integration/ViewState.vue";
import SwiperSlide from "#components";
import UseWindowSize from "#components";
import UseWindowFocus from "#components";
import UseVirtualList from "#components";
import UseTimestamp from "#components";
import UseTimeAgo from "#components";
import UseScreenSafeArea from "#components";
import UsePreferredReducedMotion from "#components";
import UsePreferredLanguages from "#components";
import UsePreferredDark from "#components";
import UsePreferredContrast from "#components";
import UsePreferredColorScheme from "#components";
import UsePointerLock from "#components";
import UsePointer from "#components";
import UsePageLeave from "#components";
import UseOnline from "#components";
import UseOffsetPagination from "#components";
import UseObjectUrl from "#components";
import UseNow from "#components";
import UseNetwork from "#components";
import UseMousePressed from "#components";
import UseMouseInElement from "#components";
import UseIdle from "#components";
import UseGeolocation from "#components";
import UseFullscreen from "#components";
import UseEyeDropper from "#components";
import UseElementVisibility from "#components";
import UseElementSize from "#components";
import UseElementBounding from "#components";
import UseDraggable from "#components";
import UseDocumentVisibility from "#components";
import UseDevicesList from "#components";
import UseDevicePixelRatio from "#components";
import UseDeviceOrientation from "#components";
import UseDeviceMotion from "#components";
import UseClipboard from "#components";
import UseBattery from "#components";
import UseActiveElement from "#components";
import OnClickOutside from "#components";
const props = defineProps({
  component: {
    type: String,
    required: true
  },
  items: {
    type: Array
  },
  attrs: {
    type: Object
  },
  text: {
    type: String
  }
});
const importComponent = (component) => {
  switch (component) {
    case "Accordion":
      return Accordion;
    case "AccordionBody":
      return AccordionBody;
    case "AccordionButton":
      return AccordionButton;
    case "AccordionCollapse":
      return AccordionCollapse;
    case "AccordionHeader":
      return AccordionHeader;
    case "AccordionItem":
      return AccordionItem;
    case "AccordionSection":
      return AccordionSection;
    case "Alert":
      return Alert;
    case "AlertHeading":
      return AlertHeading;
    case "AlertLink":
      return AlertLink;
    case "Backdrop":
      return Backdrop;
    case "Badge":
      return Badge;
    case "Breadcrumb":
      return Breadcrumb;
    case "BreadcrumbItem":
      return BreadcrumbItem;
    case "ButtonGroup":
      return ButtonGroup;
    case "ButtonToolbar":
      return ButtonToolbar;
    case "CheckboxToggleButton":
      return CheckboxToggleButton;
    case "CloseButton":
      return CloseButton;
    case "RadioToggleButton":
      return RadioToggleButton;
    case "Card":
      return Card;
    case "CardBody":
      return CardBody;
    case "CardFooter":
      return CardFooter;
    case "CardGroup":
      return CardGroup;
    case "CardHeader":
      return CardHeader;
    case "CardImg":
      return CardImg;
    case "CardImgBottom":
      return CardImgBottom;
    case "CardImgOverlay":
      return CardImgOverlay;
    case "CardImgTop":
      return CardImgTop;
    case "CardLink":
      return CardLink;
    case "CardSubTitle":
      return CardSubTitle;
    case "CardText":
      return CardText;
    case "CardTitle":
      return CardTitle;
    case "Carousel":
      return Carousel;
    case "CarouselCaption":
      return CarouselCaption;
    case "CarouselInner":
      return CarouselInner;
    case "CarouselItem":
      return CarouselItem;
    case "CarouselItemImage":
      return CarouselItemImage;
    case "Collapse":
      return Collapse;
    case "CollapseButton":
      return CollapseButton;
    case "Flex":
      return Flex;
    case "FlexItem":
      return FlexItem;
    case "Grid":
      return Grid;
    case "GridCol":
      return GridCol;
    case "Dropdown":
      return Dropdown;
    case "DropdownItem":
      return DropdownItem;
    case "DropdownItemDivider":
      return DropdownItemDivider;
    case "DropdownItemText":
      return DropdownItemText;
    case "DropdownMenu":
      return DropdownMenu;
    case "DropdownToggle":
      return DropdownToggle;
    case "DropdownToggleSplit":
      return DropdownToggleSplit;
    case "Col":
      return Col;
    case "Container":
      return Container;
    case "Row":
      return Row;
    case "ListGroup":
      return ListGroup;
    case "ListGroupItem":
      return ListGroupItem;
    case "ListGroupItemAction":
      return ListGroupItemAction;
    case "ListGroupItemLabel":
      return ListGroupItemLabel;
    case "ListGroupList":
      return ListGroupList;
    case "Modal":
      return Modal;
    case "ModalBody":
      return ModalBody;
    case "ModalContent":
      return ModalContent;
    case "ModalDialog":
      return ModalDialog;
    case "ModalFooter":
      return ModalFooter;
    case "ModalHeader":
      return ModalHeader;
    case "ModalTitle":
      return ModalTitle;
    case "ModalToggleButton":
      return ModalToggleButton;
    case "Nav":
      return Nav;
    case "NavItem":
      return NavItem;
    case "NavItemDropdown":
      return NavItemDropdown;
    case "NavItemDropdownToggle":
      return NavItemDropdownToggle;
    case "NavLink":
      return NavLink;
    case "NavList":
      return NavList;
    case "TabContent":
      return TabContent;
    case "TabPane":
      return TabPane;
    case "Navbar":
      return Navbar;
    case "NavbarBrand":
      return NavbarBrand;
    case "NavbarCollapse":
      return NavbarCollapse;
    case "NavbarNav":
      return NavbarNav;
    case "NavbarNavList":
      return NavbarNavList;
    case "NavbarText":
      return NavbarText;
    case "NavbarToggler":
      return NavbarToggler;
    case "Offcanvas":
      return Offcanvas;
    case "OffcanvasBody":
      return OffcanvasBody;
    case "OffcanvasHeader":
      return OffcanvasHeader;
    case "OffcanvasTitle":
      return OffcanvasTitle;
    case "PageItem":
      return PageItem;
    case "PageLink":
      return PageLink;
    case "Pagination":
      return Pagination;
    case "Progress":
      return Progress;
    case "ProgressBar":
      return ProgressBar;
    case "Spinner":
      return Spinner;
    case "Toast":
      return Toast;
    case "ToastBody":
      return ToastBody;
    case "ToastContainer":
      return ToastContainer;
    case "ToastHeader":
      return ToastHeader;
    case "Vr":
      return Vr;
    case "Avatar":
      return Avatar;
    case "BackToTop":
      return BackToTop;
    case "Background":
      return Background;
    case "Calendar":
      return Calendar;
    case "DatePicker":
      return DatePicker;
    case "CodeHighlighter":
      return CodeHighlighter;
    case "EventViewer":
      return EventViewer;
    case "ColorModeNavItemDropdown":
      return ColorModeNavItemDropdown;
    case "ResponsiveRule":
      return ResponsiveRule;
    case "LocaleNavItemDropdown":
      return LocaleNavItemDropdown;
    case "Localization":
      return Localization;
    case "BarChart":
      return BarChart;
    case "LineChart":
      return LineChart;
    case "PieChart":
      return PieChart;
    case "Fixed":
      return Fixed;
    case "GridArea":
      return GridArea;
    case "GridTemplate":
      return GridTemplate;
    case "HeadingBlock":
      return HeadingBlock;
    case "HeroRow":
      return HeroRow;
    case "IconBox":
      return IconBox;
    case "Intro":
      return Intro;
    case "JsonView":
      return JsonView;
    case "PageLayout":
      return Div;
    case "FloatingNavbar":
      return FloatingNavbar;
    case "SlideNavbar":
      return SlideNavbar;
    case "StickyToggleNavbar":
      return StickyToggleNavbar;
    case "PasswordStrength":
      return PasswordStrength;
    case "Paper":
      return Paper;
    case "Rating":
      return Rating;
    case "Sidebar":
      return Sidebar;
    case "Sortable":
      return Sortable;
    case "ComponentsCatalog":
      return Div;
    case "SpecBinding":
      return Div;
    case "StackGroup":
      return StackGroup;
    case "StackGroupItem":
      return StackGroupItem;
    case "StatusIndicator":
      return StatusIndicator;
    case "Step":
      return Step;
    case "StepItem":
      return StepItem;
    case "Swiper":
      return Swiper;
    case "TiptapEditor":
      return TiptapEditor;
    case "Toc":
      return Toc;
    case "Typed":
      return Typed;
    case "Blockquote":
      return Blockquote;
    case "BlockquoteFigure":
      return BlockquoteFigure;
    case "BlockquoteFooter":
      return BlockquoteFooter;
    case "Figure":
      return Figure;
    case "FigureCaption":
      return FigureCaption;
    case "FigureImage":
      return FigureImage;
    case "ColFormLabel":
      return ColFormLabel;
    case "ColFormLegend":
      return ColFormLegend;
    case "Datalist":
      return Datalist;
    case "Fieldset":
      return Fieldset;
    case "Form":
      return Form;
    case "FormCheck":
      return FormCheck;
    case "FormCheckInput":
      return FormCheckInput;
    case "FormCheckLabel":
      return FormCheckLabel;
    case "FormColor":
      return FormColor;
    case "FormControl":
      return FormControl;
    case "FormFile":
      return FormFile;
    case "FormFloating":
      return FormFloating;
    case "FormInput":
      return FormInput;
    case "FormLabel":
      return FormLabel;
    case "FormRange":
      return FormRange;
    case "FormSelect":
      return FormSelect;
    case "FormSwitch":
      return FormSwitch;
    case "FormText":
      return FormText;
    case "FormTextarea":
      return FormTextarea;
    case "InputGroup":
      return InputGroup;
    case "InputGroupText":
      return InputGroupText;
    case "Label":
      return Label;
    case "Legend":
      return Legend;
    case "Option":
      return Option;
    case "ValidFeedback":
      return ValidFeedback;
    case "ValidTooltip":
      return ValidTooltip;
    case "Block":
      return Block;
    case "Dd":
      return Dd;
    case "Dl":
      return Dl;
    case "Dt":
      return Dt;
    case "Div":
      return Div;
    case "Footer":
      return Footer;
    case "Hr":
      return Hr;
    case "Img":
      return Img;
    case "Image":
      return Image;
    case "Input":
      return Input;
    case "Ul":
      return Ul;
    case "List":
      return List;
    case "Li":
      return Li;
    case "ListItem":
      return ListItem;
    case "Main":
      return Main;
    case "Ol":
      return Ol;
    case "P":
      return P;
    case "Paragraph":
      return Paragraph;
    case "Picture":
      return Picture;
    case "Select":
      return Select;
    case "Textarea":
      return Textarea;
    case "A":
      return A;
    case "Anchor":
      return Anchor;
    case "Button":
      return Button;
    case "H1":
      return H1;
    case "H2":
      return H2;
    case "H3":
      return H3;
    case "H4":
      return H4;
    case "H5":
      return H5;
    case "H6":
      return H6;
    case "H":
      return H;
    case "Headings":
      return Headings;
    case "Span":
      return Span;
    case "Inline":
      return Inline;
    case "Small":
      return Small;
    case "Strong":
      return Strong;
    case "Caption":
      return Caption;
    case "Table":
      return Table;
    case "Tbody":
      return Tbody;
    case "Td":
      return Td;
    case "Tfoot":
      return Tfoot;
    case "Th":
      return Th;
    case "Thead":
      return Thead;
    case "Tr":
      return Tr;
    case "BIcon":
      return Icon;
    case "ActionState":
      return ActionState;
    case "ArrayQuery":
      return ArrayQuery;
    case "DataTable":
      return DataTable;
    case "DataTableBody":
      return DataTableBody;
    case "DataTableFooter":
      return DataTableFooter;
    case "DataTableHeader":
      return DataTableHeader;
    case "DataTableHeaderRowFilter":
      return DataTableHeaderRowFilter;
    case "DataTableHeaderRowSorter":
      return DataTableHeaderRowSorter;
    case "FullTextFilter":
      return FullTextFilter;
    case "ViewState":
      return ViewState;
    default:
      return Div;
  }
};
</script>

<template>
  <component :is="importComponent(component)" v-bind="attrs">
    <component v-if="items" v-for="c in items" :is="importComponent(c.component)" v-bind="c.attrs">
      {{ c.text }}
    </component>
    <span v-if="text">{{ text }}</span>
  </component>
</template>
