e323ca9914
feat(SW-2511): hotel page map and marker improvements * feat(SW-2511): update hotel page map * fix(SW-2511): fix issue with identical id's for POIs Approved-by: Anton Gunnarsson
28 lines
803 B
TypeScript
28 lines
803 B
TypeScript
import { IconByIconName } from "@/components/Icons/IconByIconName"
|
|
|
|
import { getIconByPoiGroupAndCategory } from "../utils"
|
|
import { poiVariants } from "./variants"
|
|
|
|
import type { PoiMarkerProps } from "@/types/components/maps/poiMarker"
|
|
|
|
export default function PoiMarker({
|
|
group,
|
|
categoryName,
|
|
skipBackground,
|
|
size = "small",
|
|
className = "",
|
|
}: PoiMarkerProps) {
|
|
const iconName = getIconByPoiGroupAndCategory(group, categoryName)
|
|
const classNames = poiVariants({ group, skipBackground, size, className })
|
|
|
|
return iconName ? (
|
|
<span className={classNames}>
|
|
<IconByIconName
|
|
iconName={iconName}
|
|
color={skipBackground ? "Icon/Feedback/Neutral" : "Icon/Inverted"}
|
|
size={size === "small" ? 16 : size === "large" ? 24 : 20}
|
|
/>
|
|
</span>
|
|
) : null
|
|
}
|