mirror of
https://codeberg.org/uzu/strudel
synced 2026-07-29 08:01:50 -04:00
Jade Rowland
19 lines
566 B
React
19 lines
566 B
React
import React from 'react';
|
|
// value: ID, options: Set<{id: ID, label: string}>, onChange: ID => null, onClick: event => void
|
|
export function SelectInput({ value, options, onChange, onClick }) {
|
|
return (
|
|
<select
|
|
onClick={onClick}
|
|
className="p-2 bg-background rounded-md text-foreground"
|
|
value={value}
|
|
onChange={(e) => onChange(e.target.value)}
|
|
>
|
|
{Array.from(options).map(({ id, label }) => (
|
|
<option key={id} className="bg-background" value={id}>
|
|
{label}
|
|
</option>
|
|
))}
|
|
</select>
|
|
);
|
|
}
|