mirror of https://github.com/portainer/portainer
39 lines
994 B
TypeScript
39 lines
994 B
TypeScript
import clsx from 'clsx';
|
|
|
|
import './BoxSelector.css';
|
|
import styles from './BoxSelector.module.css';
|
|
import { BoxSelectorItem } from './BoxSelectorItem';
|
|
import { BoxSelectorOption } from './types';
|
|
|
|
export interface Props<T extends number | string> {
|
|
radioName: string;
|
|
value: T;
|
|
onChange(value: T, limitedToBE: boolean): void;
|
|
options: BoxSelectorOption<T>[];
|
|
}
|
|
|
|
export function BoxSelector<T extends number | string>({
|
|
radioName,
|
|
value,
|
|
options,
|
|
onChange,
|
|
}: Props<T>) {
|
|
return (
|
|
<div className={clsx('boxselector_wrapper', styles.root)} role="radiogroup">
|
|
{options.map((option) =>
|
|
option.hide ? null : (
|
|
<BoxSelectorItem
|
|
key={option.id}
|
|
radioName={radioName}
|
|
option={option}
|
|
onChange={onChange}
|
|
selectedValue={value}
|
|
disabled={option.disabled && option.disabled()}
|
|
tooltip={option.tooltip && option.tooltip()}
|
|
/>
|
|
)
|
|
)}
|
|
</div>
|
|
);
|
|
}
|