import { cva } from "class-variance-authority"

import styles from "./poi.module.css"

import { PointOfInterestGroupEnum } from "@/types/enums/pointOfInterest"

export const poiVariants = cva(styles.icon, {
  variants: {
    group: {
      [PointOfInterestGroupEnum.ATTRACTIONS]: styles.attractions,
      [PointOfInterestGroupEnum.BUSINESS]: styles.business,
      [PointOfInterestGroupEnum.LOCATION]: styles.location,
      [PointOfInterestGroupEnum.PARKING]: styles.parking,
      [PointOfInterestGroupEnum.PUBLIC_TRANSPORT]: styles.publicTransport,
      [PointOfInterestGroupEnum.SHOPPING_DINING]: styles.shoppingDining,
    },
    skipBackground: {
      true: styles.transparent,
      false: "",
    },
  },
  defaultVariants: {
    skipBackground: false,
  },
})