1
 2import { Select } from '@chakra-ui/react'
 3import { FilterType } from 'types';
 4import React from 'react'
 5
 6interface StatusSortSelectProps {
 7  filters: FilterType;
 8  handleStatusFilter: (e: any) => void;
 9  options: string[];
10}
11
12export const StatusSortSelect: React.FC<StatusSortSelectProps> = ({ filters, handleStatusFilter, options }) => {
13  return (
14    <div>
15      <Select
16        value={filters.sort}
17        fontSize="xs"
18        fontWeight="extrabold"
19        textTransform="uppercase"
20        cursor="pointer"
21        p={0}
22        border={0}
23        h="auto"
24        w="auto"
25        icon={<></>}
26        _focusVisible={{
27          border: '0 !important',
28        }}
29        onChange={handleStatusFilter}
30      >
31        <option></option>
32        {options.map((option, i) => <option key={i}>{option}</option>)}
33      </Select>
34    </div>
35  )
36}