import { type VariantProps } from 'class-variance-authority';
import * as React from 'react';
import { type ButtonProps } from './Button.js';
import { type InputProps } from './Input.js';
declare const inputGroupAddonVariants: (props?: ({
    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;
type InputGroupButtonProps = ButtonProps & VariantProps<typeof inputGroupAddonVariants>;
type InputGroupInputProps = InputProps;
type InputGroupProps = React.ComponentProps<'div'>;
type InputGroupTextProps = React.ComponentProps<'span'>;
declare function InputGroupAddon({ align, className, ...props }: InputGroupAddonProps): React.JSX.Element;
declare function InputGroupButton({ align, className, size, variant, ...props }: InputGroupButtonProps): React.JSX.Element;
declare function InputGroupInput({ className, ...props }: InputGroupInputProps): React.JSX.Element;
declare function InputGroupRoot({ className, ...props }: InputGroupProps): React.JSX.Element;
declare function InputGroupText({ className, ...props }: InputGroupTextProps): React.JSX.Element;
declare const InputGroup: typeof InputGroupRoot & {
    Addon: typeof InputGroupAddon;
    Button: typeof InputGroupButton;
    Input: typeof InputGroupInput;
    Text: typeof InputGroupText;
};
export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, };
export type { InputGroupAddonProps, InputGroupButtonProps, InputGroupInputProps, InputGroupProps, InputGroupTextProps, };
//# sourceMappingURL=InputGroup.d.ts.map