Toggle Group

1import { isFunction } from '@/lib/typed';
2import ToggleGroupItem from './ToggleGroupItem';
3import ToggleGroupRoot from './ToggleGroupRoot';
4import type { ToggleGroupProps } from './types';
5 
6const ToggleGroup = (props: ToggleGroupProps) => {
7  const { className, classNames, itemRender, items, size, variant, ...rest } = props;
8 
9  return (
10    <ToggleGroupRoot
11      {...rest}
12      className={[classNames?.groupRoot, className]}
13      size={size}
14    >
15      {items.map((item) => {
16        const { label, ...restItem } = item;
17 
18        return (
19          <ToggleGroupItem
20            key={item.value}
21            size={size}
22            variant={variant}
23            {...restItem}
24          >
25            {isFunction(itemRender) ? itemRender(item) : label}
26          </ToggleGroupItem>
27        );
28      })}
29    </ToggleGroupRoot>
30  );
31};
32 
33export default ToggleGroup;