import { default as React } from 'react';
import { Flex } from '../flex';
import { ChildrenLayoutProps } from '../../utils/generate-styling';

export declare const rootClassName = "teddy-list";
export type Layout = 'horizontal' | 'vertical';
export type Variant = 'icon-white' | 'icon-beige' | 'icon-purple' | 'icon-gray' | 'image';
export type RootProps = Omit<React.ComponentPropsWithoutRef<typeof Flex>, 'as'> & {
    layout?: Layout;
    variant?: Variant;
    isSubcomponent?: boolean;
    gapSize?: 'small' | 'large';
} & ChildrenLayoutProps;
type RootContextType = {
    variant?: Variant;
};
export declare const RootContext: React.Context<RootContextType | undefined>;
export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
    display?: import('../../utils/generate-styling').DisplayChildren;
} & import('../../utils/generate-styling/gap').GapProps & {
    align?: import('../../utils/generate-styling/align').Align;
    justify?: import('../../utils/generate-styling/justify').Justify;
} & import('../../utils/generate-styling/flex').FlexLayout & {
    asChild: true;
    as?: never;
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
    display?: import('../../utils/generate-styling').DisplayChildren;
} & import('../../utils/generate-styling/gap').GapProps & {
    align?: import('../../utils/generate-styling/align').Align;
    justify?: import('../../utils/generate-styling/justify').Justify;
} & import('../../utils/generate-styling/flex').FlexLayout & {
    as?: "span";
    asChild?: false;
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
    display?: import('../../utils/generate-styling').DisplayChildren;
} & import('../../utils/generate-styling/gap').GapProps & {
    align?: import('../../utils/generate-styling/align').Align;
    justify?: import('../../utils/generate-styling/justify').Justify;
} & import('../../utils/generate-styling/flex').FlexLayout & {
    as: "div";
    asChild?: false;
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "as"> & {
    layout?: Layout;
    variant?: Variant;
    isSubcomponent?: boolean;
    gapSize?: "small" | "large";
} & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
    display?: import('../../utils/generate-styling').DisplayChildren;
} & React.RefAttributes<HTMLDivElement>>;
export {};