import { SvgIconType } from '../SvgIcon/svg-icon-type';
import { HTMLAttributes } from 'react';
import { RecipeVariantProps } from '../../styled-system/css';
interface CellProps {
    icon?: SvgIconType;
}
declare const dataBuilderCellRecipe: import("../../styled-system/types").SlotRecipeRuntimeFn<"root", {
    type: {
        name: {
            root: {
                flexGrow: "0";
                flexShrink: "0";
                flexWrap: "nowrap";
                alignSelf: "stretch";
                minW: "40";
            };
        };
        combobox: {
            root: {
                flexDir: "row";
                flexWrap: "nowrap";
                justifyContent: "start";
                alignItems: "center";
                px: "0";
                py: "0";
            };
        };
        input: {
            root: {
                px: "2";
                py: "2";
                '& > input': {
                    w: "full";
                };
            };
        };
        value: {
            root: {
                py: "2";
            };
        };
        icon: {
            root: {
                flexGrow: "0";
                flexShrink: "0";
                flexWrap: "nowrap";
                display: "flex";
                alignItems: "center";
                justifyContent: "center";
                color: "fg.subtle";
                px: "2.5";
                py: "2.5";
                '& svg': {
                    w: "3.5";
                    h: "3.5";
                };
            };
        };
    };
    disabled: {
        true: {
            root: {
                pointerEvents: "none";
                bg: "bg.subtle";
            };
        };
        false: {};
    };
    span: {
        shrink: {
            root: {
                flexGrow: "0";
                flexShrink: "1";
            };
        };
        grow: {
            root: {
                flexGrow: "1";
            };
        };
    };
}>;
type CellVariants = RecipeVariantProps<typeof dataBuilderCellRecipe>;
export declare const Cell: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & CellProps & {
    type?: "value" | "input" | "name" | "combobox" | "icon" | undefined;
    disabled?: boolean | undefined;
    span?: "grow" | "shrink" | undefined;
} & import("react").RefAttributes<HTMLDivElement>>;
export declare const CellButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & CellProps & {} & {
    type?: Extract<NonNullable<CellVariants>["type"], "icon">;
    disabled?: NonNullable<CellVariants>["disabled"];
} & import("react").RefAttributes<HTMLButtonElement>>;
export {};