import { JSX } from '@redneckz/uni-jsx';
import { type TableVersion } from '../../model/TableVersion';

export interface TableCarouselContainerProps {
  version?: TableVersion;
}

const carouselContainerClassesMap: Record<TableVersion, string> = {
  comparison: 'flex gap-m duration-1000',
  tariff: 'flex gap-5xl flex-grow duration-1000',
};

export const TableCarouselContainer = JSX<TableCarouselContainerProps>(
  ({ children, version = 'comparison' }) => (
    <div className="flex flex-1">
      <div className={carouselContainerClassesMap[version]}>{children}</div>
    </div>
  ),
);