Function Filter

app/modules/duration-filter.tsx:12–27

({ value, onChange }: Props)

}

export default function Filter({ value, onChange }: Props) {
  return (
    <ToggleGroup
      variant="outline"
      type="single"
      value={value}
      onValueChange={onChange}
    >
      {Durations.map(option => (
        <ToggleGroupItem key={option} value={option}>
          {option}
        </ToggleGroupItem>
      ))}
    </ToggleGroup>
  )
}