import H1Component from './render-components/H1Component.vue';
import H2Component from './render-components/H2Component.vue';
import PComponent from './render-components/PComponent.vue';
import AComponent from './render-components/AComponent.vue';
import ButtonComponent from './render-components/ButtonComponent.vue';
import InputComponent from './render-components/InputComponent.vue';
import TextareaComponent from './render-components/TextareaComponent.vue';
import CheckboxComponent from './render-components/CheckboxComponent.vue';
import RadioComponent from './render-components/RadioComponent.vue';
import SelectComponent from './render-components/SelectComponent.vue';
import SliderComponent from './render-components/SliderComponent.vue';
import ToggleComponent from './render-components/ToggleComponent.vue';
import ImgComponent from './render-components/ImgComponent.vue';
import CardComponent from './render-components/CardComponent.vue';
import IconComponent from './render-components/IconComponent.vue';
import UlComponent from './render-components/UlComponent.vue';
import AvatarComponent from './render-components/AvatarComponent.vue';
import BadgeComponent from './render-components/BadgeComponent.vue';
import GridComponent from './render-components/GridComponent.vue';
import NavbarComponent from './render-components/NavbarComponent.vue';
import SidebarComponent from './render-components/SidebarComponent.vue';
import BreadcrumbsComponent from './render-components/BreadcrumbsComponent.vue';
import TabsComponent from './render-components/TabsComponent.vue';
import PaginationComponent from './render-components/PaginationComponent.vue';
import AlertComponent from './render-components/AlertComponent.vue';
import TooltipComponent from './render-components/TooltipComponent.vue';
import ModalComponent from './render-components/ModalComponent.vue';
import ProgressComponent from './render-components/ProgressComponent.vue';
import ToastComponent from './render-components/ToastComponent.vue';
import PasswordComponent from './render-components/PasswordComponent.vue';
import SearchComponent from './render-components/SearchComponent.vue';
import DatepickerComponent from './render-components/DatepickerComponent.vue';
import TagsComponent from './render-components/TagsComponent.vue';
import CarouselComponent from './render-components/CarouselComponent.vue';
import ChartComponent from './render-components/ChartComponent.vue';
import DivComponent from './render-components/DivComponent.vue';
import DividerComponent from './render-components/DividerComponent.vue'; // New
import SpacerComponent from './render-components/SpacerComponent.vue'; // New
import VideoComponent from './render-components/VideoComponent.vue';   // New
import MapComponent from './render-components/MapComponent.vue';     // New


const componentMap = {
  h1: H1Component,
  h2: H2Component,
  p: PComponent,
  a: AComponent,
  button: ButtonComponent,
  input: InputComponent,
  textarea: TextareaComponent,
  checkbox: CheckboxComponent,
  radio: RadioComponent,
  select: SelectComponent,
  slider: SliderComponent,
  toggle: ToggleComponent,
  img: ImgComponent,
  card: CardComponent,
  icon: IconComponent,
  ul: UlComponent,
  avatar: AvatarComponent,
  badge: BadgeComponent,
  grid: GridComponent,
  navbar: NavbarComponent,
  sidebar: SidebarComponent,
  breadcrumbs: BreadcrumbsComponent,
  tabs: TabsComponent,
  pagination: PaginationComponent,
  alert: AlertComponent,
  tooltip: TooltipComponent,
  modal: ModalComponent,
  progress: ProgressComponent,
  toast: ToastComponent,
  password: PasswordComponent,
  search: SearchComponent,
  datepicker: DatepickerComponent,
  tags: TagsComponent,
  carousel: CarouselComponent,
  chart: ChartComponent,
  div: DivComponent,
  divider: DividerComponent, // New
  spacer: SpacerComponent,   // New
  video: VideoComponent,     // New
  map: MapComponent,         // New
};

export default componentMap;