35 lines
859 B
TypeScript
35 lines
859 B
TypeScript
import PedestrianIcon from "../icons/Pedestrianicon";
|
|
import CrossIcon from "../icons/CrossIcon";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
type HintThreeDTourProps = {
|
|
isMobile?: boolean;
|
|
className?: string;
|
|
onClose?: () => void;
|
|
};
|
|
|
|
const HintThreeDTour = ({
|
|
isMobile,
|
|
className,
|
|
onClose,
|
|
}: HintThreeDTourProps) => {
|
|
const [t] = useTranslation();
|
|
return (
|
|
<div
|
|
className={`flex items-center justify-center bg-[#EAE5E0] h-fit w-fit px-12 py-2 gap-2 rounded-full mx-auto text-sm ${
|
|
isMobile ? "w-full" : ""
|
|
} ${className ? className : ""}`}
|
|
>
|
|
<PedestrianIcon color="#000" className="w-5 h-5" />
|
|
<p>{t("Choose a room to start the 3D tour")}</p>
|
|
{onClose && (
|
|
<div onClick={onClose}>
|
|
<CrossIcon />
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default HintThreeDTour;
|