// ui import { CustomSelect } from "components/ui"; // types import { TYAxisValues } from "types"; // constants import { ANALYTICS_Y_AXIS_VALUES } from "constants/analytics"; type Props = { value: TYAxisValues; onChange: () => void; }; export const SelectYAxis: React.FC<Props> = ({ value, onChange }) => ( <CustomSelect value={value} label={<span>{ANALYTICS_Y_AXIS_VALUES.find((v) => v.value === value)?.label ?? "None"}</span>} onChange={onChange} width="w-full" > {ANALYTICS_Y_AXIS_VALUES.map((item) => ( <CustomSelect.Option key={item.value} value={item.value}> {item.label} </CustomSelect.Option> ))} </CustomSelect> );