27 lines
873 B
TypeScript
27 lines
873 B
TypeScript
import { ISphereLink } from "../../types/apartmentSphere";
|
|
import VideoIcon from "../icons/VideoIcon";
|
|
|
|
interface VideoMarkerProps {
|
|
sphereLink: ISphereLink;
|
|
}
|
|
|
|
const VideoMarker = ({ sphereLink }: VideoMarkerProps) => {
|
|
return (
|
|
<div className="relative">
|
|
<div
|
|
className="bg-white w-9 h-9 rounded-full text-[#00BED7] flex items-center justify-center cursor-pointer peer"
|
|
// onClick={handleOnClick}
|
|
>
|
|
<VideoIcon />
|
|
</div>
|
|
<div className="absolute -left-[66px] bottom-11 w-[168px] rounded-lg flex flex-col p-1 gap-1 items-center opacity-0 peer-hover:opacity-100 duration-300 ease-in-out transition-opacity">
|
|
<div className="text-white font-semibold bg-[#0D192266] py-1 px-2 rounded-lg capitalize">
|
|
{sphereLink.videoTitle}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default VideoMarker;
|