@kloudlite/design-system/atoms/button-group.d.ts

A design system for building ambitious products.

import React, { ReactElement } from 'react';
import { IButton, IIconButton } from './button';
export interface IButtonGroupButton extends IButton {
    value: string;
}
export interface IButtonGroupIconButton extends IIconButton {
    value: string;
}
interface IButtonGroup {
    children: ReactElement | ReactElement[];
    value: string;
    selectable?: boolean;
    onValueChange?: (value: string) => void;
    onClick?: (value: string) => void;
    variant?: 'outline' | 'basic';
}
declare const ButtonGroup: {
    Root: {
        ({ children, value, selectable, onValueChange, variant, onClick, }: IButtonGroup): import("react/jsx-runtime").JSX.Element;
        Button: React.ForwardRefExoticComponent<IButtonGroupButton & React.RefAttributes<HTMLButtonElement>>;
        IconButton: React.ForwardRefExoticComponent<IButtonGroupIconButton & React.RefAttributes<HTMLButtonElement>>;
    };
    Button: React.ForwardRefExoticComponent<IButtonGroupButton & React.RefAttributes<HTMLButtonElement>>;
    IconButton: React.ForwardRefExoticComponent<IButtonGroupIconButton & React.RefAttributes<HTMLButtonElement>>;
};
export default ButtonGroup;