feat(SW-340): Added HotelCardDialog component

components/Maps/Markers/HotelMarker/hotelMarker.module.css

@@ -0,0 +1,7 @@
+.white * {
+  fill: var(--Base-Surface-Primary-light-Normal);
+}
+
+.burgundy * {
+  fill: var(--Scandic-Brand-Burgundy);
+}

components/Maps/Markers/HotelMarker/index.tsx

@@ -1,10 +1,17 @@
+import { hotelMarkerVariants } from "./variants"
+
 export default function HotelMarker({
   className,
+  color,
   ...props
-}: React.SVGAttributes<HTMLOrSVGElement>) {
+}: React.SVGAttributes<HTMLOrSVGElement> & {
+  color?: "burgundy" | "white"
+}) {
+  const classNames = hotelMarkerVariants({ color, className })
+
   return (
     <svg
-      className={className}
+      className={classNames}
       width="16"
       height="11"
       viewBox="0 0 16 11"

components/Maps/Markers/HotelMarker/variants.ts

@@ -0,0 +1,15 @@
+import { cva } from "class-variance-authority"
+
+import styles from "./hotelMarker.module.css"
+
+export const hotelMarkerVariants = cva(styles.icon, {
+  variants: {
+    color: {
+      burgundy: styles.burgundy,
+      white: styles.white,
+    },
+  },
+  defaultVariants: {
+    color: "white",
+  },
+})