'use client'
import React from 'react';
import Select from 'react-select';

interface Option {
  value: string;
  label: string;
}

const options: Option[] = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' },
];

const MySelect = () => {
  const handleChange = (selectedOption: Option | null) => {
    console.log(selectedOption);
  };

  return (
    <Select
    className='border-2 outline-0 rounded-none border-primary w-full'
      options={options}
      onChange={handleChange}
      
      placeholder="Select a flavor"
    />
  );
};

export default MySelect;