const LinkIcon = () => import(/* webpackChunkName: "icons" */ '@/components/icons/LinkIcon');
const VideoIcon = () => import(/* webpackChunkName: "icons" */ '@/components/icons/VideoIcon');
const ImageIcon = () => import(/* webpackChunkName: "icons" */ '@/components/icons/ImageIcon');
const TextIcon = () => import(/* webpackChunkName: "icons" */ '@/components/icons/TextIcon');
const SpeechBubbleIcon = () => import(/* webpackChunkName: "icons" */ '@/components/icons/SpeechBubbleIcon');
const DocumentIcon = () => import(/* webpackChunkName: "icons" */ '@/components/icons/DocumentIcon');
const TitleIcon = () => import(/* webpackChunkName: "icons" */ '@/components/icons/TitleIcon');
const DocumentWithLinesIcon = () => import(/* webpackChunkName: "icons" */ '@/components/icons/DocumentWithLinesIcon');

const ArrowThinBottom = () => import(/* webpackChunkName: "icons" */ '@/components/icons/ArrowThinBottom');
const ArrowThinDown = () => import(/* webpackChunkName: "icons" */ '@/components/icons/ArrowThinDown');
const ArrowThinTop = () => import(/* webpackChunkName: "icons" */ '@/components/icons/ArrowThinTop');
const ArrowThinUp = () => import(/* webpackChunkName: "icons" */ '@/components/icons/ArrowThinUp');

const TrashIcon = () => import(/* webpackChunkName: "icons" */ '@/components/icons/TrashIcon');

/*
  for icons with a single word, leave the *-icon name, to prevent conflicts
  for others, both is fine: arrow-thin-up-icon or arrow-thin-up
*/
export default {
  LinkIcon,
  VideoIcon,
  ImageIcon,
  TextIcon,
  SpeechBubbleIcon,
  DocumentIcon,
  TitleIcon,
  DocumentWithLinesIcon,
  ArrowThinBottom,
  ArrowThinDown,
  ArrowThinTop,
  ArrowThinUp,
  TrashIcon,
};
