'use client'

import type { ComponentProps } from 'react'

import { Slider as HeroSlider } from '@heroui/react'

type SliderProps = Omit<ComponentProps<typeof HeroSlider>, 'children' | 'size'> & {
  size?: 'sm' | 'md' | 'lg'
}

export function Slider({ size, ...props }: SliderProps) {
  return (
    <HeroSlider
      {...props}
      className={size === 'sm' ? 'py-1' : undefined}
    >
      <HeroSlider.Track>
        <HeroSlider.Fill />
        <HeroSlider.Thumb />
      </HeroSlider.Track>
    </HeroSlider>
  )
}