import { Select } from '@/ui'

export function AnimatedSelect({ options }) {
  return (
    <Select>
      <Select.Trigger>
        <span>Select a framework...</span>
        <Select.Icon />
      </Select.Trigger>

      <Select.Content>
        {options.map(option => (
          <Select.Option
            key={option.value}
            value={option.value}
          >
            {option.icon} {option.label}
          </Select.Option>
        ))}
      </Select.Content>
    </Select>
  )