import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
import * as _stitches_react_types_config from '@stitches/react/types/config';
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';

declare const Badge: _stitches_react_types_styled_component.StyledComponent<"span", _stitches_react_types_styled_component.StyledComponentProps<[{
    alignItems: string;
    appearance: string;
    borderWidth: string;
    boxSizing: string;
    display: string;
    flexShrink: number;
    fontFamily: string;
    justifyContent: string;
    lineHeight: string;
    verticalAlign: string;
    outline: string;
    padding: string;
    textDecoration: string;
    userSelect: string;
    WebkitTapHighlightColor: string;
    '&:disabled': {
        backgroundColor: string;
        pointerEvents: string;
        color: string;
    };
    '&::before': {
        boxSizing: string;
        content: string;
    };
    '&::after': {
        boxSizing: string;
        content: string;
    };
    backgroundColor: string;
    color: string;
    '&:focus': {
        boxShadow: string;
    };
    borderRadius: string;
    whiteSpace: string;
    fontVariantNumeric: string;
    fontVariationSettings: string;
    fontWeight: string;
    '@media (prefers-reduced-motion: no-preference)': {
        transition: string;
    };
    variants: {
        size: {
            '1': {
                height: string;
                px: string;
                fontSize: string;
            };
            '2': {
                height: string;
                px: string;
                fontSize: string;
            };
        };
        variant: {
            red: {
                backgroundColor: string;
                color: string;
            };
            brand: {
                backgroundColor: string;
                color: string;
            };
            blue: {
                backgroundColor: string;
                color: string;
            };
            green: {
                backgroundColor: string;
                color: string;
            };
            orange: {
                backgroundColor: string;
                color: string;
            };
            gray: {
                backgroundColor: string;
                color: string;
            };
        };
        interactive: {
            true: {};
        };
    };
    compoundVariants: {
        interactive: true;
        variant: string;
        css: {
            '@hover': {
                '&:hover': {
                    backgroundColor: string;
                };
            };
            '&:active': {
                backgroundColor: string;
            };
            '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
                backgroundColor: string;
            };
        };
    }[];
    defaultVariants: {
        size: "1";
        interactive: false;
    };
}]>, {
    bp1: string;
    bp2: string;
    bp3: string;
    bp4: string;
    motion: string;
    hover: string;
    dark: string;
    light: string;
}, _stitches_react_types_css_util.CSS<{
    bp1: string;
    bp2: string;
    bp3: string;
    bp4: string;
    motion: string;
    hover: string;
    dark: string;
    light: string;
}, {
    borderWidths: unknown;
    borderStyles: unknown;
    colors: unknown;
    fonts: {
        'fallback-mono': string;
        'fallback-sans': string;
        'fallback-serif': string;
        mono: string;
        sans: string;
        serif: string;
    };
    fontSizes: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
    fontWeights: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
    letterSpacings: unknown;
    lineHeights: unknown;
    radii: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        pill: string;
        round: string;
    };
    shadows: {
        0: string;
        1: string;
        2: string;
        3: string;
        toast: string;
    };
    sizes: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
    space: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
        11: string;
        12: string;
        13: string;
        14: string;
        15: string;
        16: string;
    };
    transitions: unknown;
    zIndices: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        max: string;
        toast: string;
    };
    foo: {
        bar: string;
    };
}, _stitches_react_types_config.DefaultThemeMap, {
    p: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">) => {
        padding: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">;
    };
    pt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
        paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
    };
    pr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">) => {
        paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">;
    };
    pb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">) => {
        paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">;
    };
    pl: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
        paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
    };
    px: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
        paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
        paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
    };
    py: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
        paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
        paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
    };
    m: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">) => {
        margin: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">;
    };
    mt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
        marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
    };
    mr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">) => {
        marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">;
    };
    mb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">) => {
        marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">;
    };
    ml: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
        marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
    };
    mx: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
        marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
        marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
    };
    my: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
        marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
        marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
    };
    ta: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">) => {
        textAlign: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">;
    };
    fd: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">) => {
        flexDirection: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">;
    };
    fw: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">) => {
        flexWrap: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">;
    };
    ai: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">) => {
        alignItems: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">;
    };
    ac: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">) => {
        alignContent: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">;
    };
    jc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">) => {
        justifyContent: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">;
    };
    as: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">) => {
        alignSelf: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">;
    };
    fg: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">) => {
        flexGrow: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">;
    };
    fs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">) => {
        flexShrink: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">;
    };
    fb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">) => {
        flexBasis: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">;
    };
    bc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">) => {
        backgroundColor: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">;
    };
    br: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">) => {
        borderRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">;
    };
    btrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">) => {
        borderTopRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">;
    };
    bbrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">) => {
        borderBottomRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">;
    };
    bblr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">) => {
        borderBottomLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">;
    };
    btlr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">) => {
        borderTopLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">;
    };
    bs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">) => {
        boxShadow: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">;
    };
    lh: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">) => {
        lineHeight: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">;
    };
    ox: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">) => {
        overflowX: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">;
    };
    oy: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">) => {
        overflowY: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">;
    };
    pe: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">) => {
        pointerEvents: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">;
    };
    us: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
        WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
        userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
    };
    userSelect: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
        WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
        userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
    };
    size: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"width">) => {
        width: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
        height: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
    };
    appearance: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">) => {
        WebkitAppearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
        appearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
    };
    backgroundClip: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">) => {
        WebkitBackgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
        backgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
    };
}>>;

export { Badge as B };