mediahub-fe/app/[locale]/(protected)/maps/maps-vector/styled-map.tsx

18 lines
390 B
TypeScript
Raw Normal View History

2024-11-26 03:09:48 +00:00
"use client";
import world from "./worldmap.json";
import { VectorMap } from "@south-paw/react-vector-maps";
const StyledVMap = ({ height = 350 }: { height?: number }) => {
return (
<div className={`w-full h-[${height}px]`}>
<VectorMap
{...world}
className="h-full w-full object-cover dashcode-app-vmap"
/>
</div>
);
};
export default StyledVMap;