mirror of
https://github.com/movie-web/movie-web.git
synced 2024-09-21 21:18:37 +02:00
21 lines
656 B
JavaScript
21 lines
656 B
JavaScript
|
import React from 'react';
|
||
|
// import { Arrow } from './Arrow';
|
||
|
import './NumberSelector.css'
|
||
|
|
||
|
// setType: (txt: string) => void
|
||
|
// choices: { label: string, value: string }[]
|
||
|
// selected: string
|
||
|
export function NumberSelector({ setType, choices, selected }) {
|
||
|
return (
|
||
|
<div className="numberSelector">
|
||
|
{choices.map(v=>(
|
||
|
<div key={v.value} className="choiceWrapper">
|
||
|
<div className={`choice ${selected&&selected===v.value?'selected':''}`} onClick={() => setType(v.value)}>
|
||
|
{v.label}
|
||
|
</div>
|
||
|
</div>
|
||
|
))}
|
||
|
</div>
|
||
|
)
|
||
|
}
|