'use client';

import TimelineWithSlider from '@/components/timeline/TimelineWithSlider';

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

interface CreationListClientProps {
  title?: string; // todo remove completely
  creations: CreationListItem[];
  min: number;
  max: number;
  initialYear: number;
  availableYears: number[];
  showCreatorProfession?: boolean;
}

const CreationListClient: React.FC<CreationListClientProps> = ({
  creations,
  min,
  max,
  initialYear,
  availableYears,
  showCreatorProfession,
}) => {
  return (
    <div className="flex-1 w-full pb-page flex flex-col px-site-timeline">
      <TimelineWithSlider
        data={creations}
        min={min}
        max={max}
        initialYear={initialYear}
        availableYears={availableYears}
        showCreatorProfession={showCreatorProfession}
      />
    </div>
  );
};

export default CreationListClient;