export const COMPONENTS = {
  alert: "alert",
  artboard: "artboard",
  avatar: "avatar",
  badge: "badge",
  bottomNavigation: "btm-nav",
  breadcrumbs: "breadcrumbs",
  button: "btn",
  buttonGroup: "btn-group",
  card: "card",
  carousel: "carousel",
  checkbox: "checkbox",
  code: "code",
  collapse: "collapse",
  countdown: "countdown",
  divider: "divider",
  drawer: "drawer",
  dropdown: "dropdown",
  footer: "footer",
  hero: "hero",
  indicator: "indicator",
  input: "input",
  inputGroup: "input-group",
  kbd: "kbd",
  link: "link",
  mask: "mask",
  menu: "menu",
  modal: "modal",
  navbar: "navbar",
  pagination: "pagination",
  phone: "phone",
  progress: "progress",
  radialProgress: "radial-progress",
  radio: "radio",
  range: "range",
  rating: "rating",
  select: "select",
  stack: "stack",
  stat: "stat",
  steps: "steps",
  swap: "swap",
  tab: "tab",
  table: "table",
  textarea: "textarea",
  toast: "toast",
  toogle: "toogle",
  tooltip: "tooltip",
  window: "window",
};

export const MODIFIERS = {
  variants: {
    primary: "primary",
    secondary: "secondary",
    success: "success",
    error: "error",
    warning: "warning",
    info: "info",
    ghost: "ghost",
  },
  sizes: { xs: "xs", sm: "sm", lg: "lg" },
  shapes: { square: "square", circle: "circle" },
};