'use client';

import CreationMap, { convertMapData } from '@/components/maps/CreationMap';

import { CreationListItem } from '@/types/Creation';

interface MapSectionClientProps {
  creations: CreationListItem[];
}

const MapSectionClient: React.FC<MapSectionClientProps> = ({ creations }) => {
  return (
    <div className="w-full">
      <CreationMap
        className="h-[70vh] border border-mma-blue/10 md:h-[80vh]"
        data={convertMapData(creations, ['labelYear'])}
      />
    </div>
  );
};

export default MapSectionClient;