@szum-tech/design-system/dist/components/button-group/index.d.cts

Szum-Tech design system with tailwindcss support

import * as React from 'react';
import { VariantProps } from 'class-variance-authority';
import * as class_variance_authority_types from 'class-variance-authority/types';
import { Separator } from '../separator/index.js';
import 'radix-ui';

declare const buttonGroupVariants: (props?: {
    orientation?: "horizontal" | "vertical";
} & class_variance_authority_types.ClassProp) => string;

type ButtonGroupCvaProps = VariantProps<typeof buttonGroupVariants>;
type ButtonGroupOrientationType = NonNullable<ButtonGroupCvaProps["orientation"]>;

type ButtonGroupProps = React.ComponentProps<"div"> & {
    orientation?: ButtonGroupOrientationType;
};
declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): React.JSX.Element;

type ButtonGroupTextProps = React.ComponentProps<"div"> & {
    asChild?: boolean;
};
declare function ButtonGroupText({ className, asChild, ...props }: ButtonGroupTextProps): React.JSX.Element;

type ButtonGroupSeparatorProps = React.ComponentProps<typeof Separator>;
declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): React.JSX.Element;

export { ButtonGroup, type ButtonGroupOrientationType, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps };