import { Html } from "@react-three/drei"; import { IAppartmentSphere, ISphereLink } from "../../types/apartmentSphere"; import WalkHereIcon from "../icons/WalkHereIcon"; import useSphere from "../../store/useSphere"; interface LaberlMarkerProps { sphereLink: ISphereLink; apartment: IAppartmentSphere; } const LabelMarker = ({ sphereLink, apartment }: LaberlMarkerProps) => { const { setSelectedSphere } = useSphere(); const currentSphere = apartment.spheres.find( (sphere) => sphereLink.id === sphere.id ); const handleOnClick = () => { const moveToShpere = apartment.spheres.find( (sph) => sph.id === sphereLink.id ); if (moveToShpere) { setSelectedSphere(moveToShpere); } }; return ( <> {

{currentSphere?.roomType}

} ); }; export default LabelMarker;