import React, { useState } from 'react'
import { ISelect } from './Select.interface'
import { StyledSelect } from './Select.theme'

const Select = ({ options, value, onChange }: ISelect) => {
  return (
    // <StyledSelect options={options} value={value} onChange={handleChange}>
    //   {options.map(option => (
    //     <option value={option.value} key={option.value}>
    //       {option.label}
    //     </option>
    //   ))}
    // </StyledSelect>

    <StyledSelect value={value} onChange={onChange} required>
      <>
        <option value="">SortBy</option>
        {options.map(option => (
          <option value={option.value} key={option.value}>
            {option.label}
          </option>
        ))}
      </>
    </StyledSelect>
  )
}

export default Select