feat(SW-325): added additional poi groups

components/Maps/Markers/Poi/variants.ts

@@ -2,26 +2,17 @@ import { cva } from "class-variance-authority"
 
 import styles from "./poi.module.css"
 
+import { PointOfInterestGroupEnum } from "@/types/hotel"
+
 export const poiVariants = cva(styles.icon, {
   variants: {
-    category: {
-      Airport: styles.airport,
-      "Amusement park": styles.amusementPark,
-      "Bus terminal": styles.busTerminal,
-      Fair: styles.fair,
-      Hospital: styles.hospital,
-      Hotel: styles.hotel,
-      "Marketing city": styles.marketingCity,
-      Museum: styles.museum,
-      "Nearby companies": styles.nearbyCompanies,
-      "Parking / Garage": styles.parkingGarage,
-      Restaurant: styles.restaurant,
-      Shopping: styles.shopping,
-      Sports: styles.sports,
-      Theatre: styles.theatre,
-      Tourist: styles.tourist,
-      Transportations: styles.transportations,
-      Zoo: styles.zoo,
+    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,