import { type ComponentProps, type ReactNode } from 'react';
type RootProps = ComponentProps<typeof Root>;
declare const Root: import("styled-system/jsx").StyleContextProvider<import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@ark-ui/react").PolymorphicProps>, import("styled-system/recipes").InputGroupRecipe>;
export interface InputGroupProps extends RootProps {
    startElement?: ReactNode | undefined;
    endElement?: ReactNode | undefined;
    children?: ReactNode;
}
export declare const InputGroup: import("react").ForwardRefExoticComponent<Omit<InputGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
    Root: import("styled-system/jsx").StyleContextProvider<import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@ark-ui/react").PolymorphicProps>, import("styled-system/recipes").InputGroupRecipe>;
    Element: import("styled-system/jsx").StyleContextConsumer<import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@ark-ui/react").PolymorphicProps>>;
};
export {};
//# sourceMappingURL=InputGroup.d.ts.map