public-ui-kolibri

import type { FC } from 'react'; import React from 'react'; import { KolInputRadio } from '@public-ui/react-v19'; import type { AlignPropType } from '@public-ui/components'; const options = ['left', 'top', 'right', 'bottom'].map((align) => ({ label: align, value: align, })); type DrawerRadioAlignProps = { value?: AlignPropType; onChange?: (_: Event, value: unknown) => void; }; export const DrawerRadioAlign: FC<DrawerRadioAlignProps> = ({ value = 'left', onChange }) => { return ( <div className="grid gap-4"> <div className="container my-4 d-grid gap-4"> <KolInputRadio _label="Drawer alignment" _value={value} _options={options} _orientation="horizontal" _on={{ onChange }} /> </div> </div> ); };