forked from akai/readest
Huang Xin
46 lines
865 B
TypeScript
46 lines
865 B
TypeScript
import clsx from 'clsx';
|
|
import React from 'react';
|
|
|
|
type Option = {
|
|
value: string;
|
|
label: string;
|
|
};
|
|
|
|
type SelectProps = {
|
|
value: string;
|
|
onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
options: Option[];
|
|
disabled?: boolean;
|
|
className?: string;
|
|
};
|
|
|
|
export default function Select({
|
|
value,
|
|
onChange,
|
|
options,
|
|
className,
|
|
disabled = false,
|
|
}: SelectProps) {
|
|
return (
|
|
<select
|
|
value={value}
|
|
onChange={onChange}
|
|
className={clsx(
|
|
'select h-8 min-h-8 rounded-md border-none text-end text-sm',
|
|
'focus:outline-none focus:ring-0',
|
|
className,
|
|
)}
|
|
disabled={disabled}
|
|
style={{
|
|
textAlignLast: 'end',
|
|
}}
|
|
>
|
|
{options.map(({ value, label }) => (
|
|
<option key={value} value={value}>
|
|
{label}
|
|
</option>
|
|
))}
|
|
</select>
|
|
);
|
|
}
|