52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
import { useDevice } from "../App";
|
|
import { RadioGroup } from "../RadioGroup";
|
|
|
|
type Props<T> = {
|
|
value: T;
|
|
shortcut?: string;
|
|
choices: {
|
|
value: T;
|
|
label: React.ReactNode;
|
|
ariaLabel?: string;
|
|
}[];
|
|
onChange: (value: T) => void;
|
|
children: React.ReactNode;
|
|
name: string;
|
|
};
|
|
|
|
const DropdownMenuItemContentRadio = <T,>({
|
|
value,
|
|
shortcut,
|
|
onChange,
|
|
choices,
|
|
children,
|
|
name,
|
|
}: Props<T>) => {
|
|
const device = useDevice();
|
|
|
|
return (
|
|
<>
|
|
<div className="dropdown-menu-item-base dropdown-menu-item-bare">
|
|
<label className="dropdown-menu-item__text" htmlFor={name}>
|
|
{children}
|
|
</label>
|
|
<RadioGroup
|
|
name={name}
|
|
value={value}
|
|
onChange={onChange}
|
|
choices={choices}
|
|
/>
|
|
</div>
|
|
{shortcut && !device.editor.isMobile && (
|
|
<div className="dropdown-menu-item__shortcut dropdown-menu-item__shortcut--orphaned">
|
|
{shortcut}
|
|
</div>
|
|
)}
|
|
</>
|
|
);
|
|
};
|
|
|
|
DropdownMenuItemContentRadio.displayName = "DropdownMenuItemContentRadio";
|
|
|
|
export default DropdownMenuItemContentRadio;
|