///
export declare const StyledButton: import("react").ComponentType<{
children?: import("react").ReactNode;
ref?: import("react").Ref> | undefined;
label?: string | undefined;
style?: import("react").CSSProperties | (import("react").CSSProperties & {
[key: string]: string | number | null;
}) | undefined;
mods?: {
[key: string]: boolean | null | undefined;
} | undefined;
color?: import("../../tasty").ResponsiveStyleValue;
fill?: import("../../tasty").ResponsiveStyleValue;
font?: import("../../tasty").ResponsiveStyleValue;
outline?: import("../../tasty").ResponsiveStyleValue;
type?: "link" | "outline" | (string & {}) | "clear" | "primary" | "invisible" | undefined;
alignContent?: import("../../tasty").ResponsiveStyleValue;
alignItems?: import("../../tasty").ResponsiveStyleValue;
alignSelf?: import("../../tasty").ResponsiveStyleValue;
columnGap?: import("../../tasty").ResponsiveStyleValue | undefined>;
display?: import("../../tasty").ResponsiveStyleValue;
flexBasis?: import("../../tasty").ResponsiveStyleValue | undefined>;
flexGrow?: import("../../tasty").ResponsiveStyleValue;
flexShrink?: import("../../tasty").ResponsiveStyleValue;
fontStyle?: import("../../tasty").ResponsiveStyleValue;
fontWeight?: import("../../tasty").ResponsiveStyleValue;
height?: import("../../tasty").ResponsiveStyleValue | undefined>;
justifyContent?: import("../../tasty").ResponsiveStyleValue;
justifyItems?: import("../../tasty").ResponsiveStyleValue;
justifySelf?: import("../../tasty").ResponsiveStyleValue;
opacity?: import("../../tasty").ResponsiveStyleValue;
order?: import("../../tasty").ResponsiveStyleValue;
paddingBlock?: import("../../tasty").ResponsiveStyleValue | undefined>;
paddingInline?: import("../../tasty").ResponsiveStyleValue | undefined>;
placeContent?: import("../../tasty").ResponsiveStyleValue;
rowGap?: import("../../tasty").ResponsiveStyleValue | undefined>;
textAlign?: import("../../tasty").ResponsiveStyleValue;
textTransform?: import("../../tasty").ResponsiveStyleValue;
whiteSpace?: import("../../tasty").ResponsiveStyleValue;
width?: import("../../tasty").ResponsiveStyleValue | undefined>;
zIndex?: import("../../tasty").ResponsiveStyleValue;
border?: import("../../tasty").ResponsiveStyleValue | undefined>;
flex?: import("../../tasty").ResponsiveStyleValue | undefined>;
gap?: import("../../tasty").ResponsiveStyleValue | undefined>;
gridArea?: import("../../tasty").ResponsiveStyleValue;
gridColumn?: import("../../tasty").ResponsiveStyleValue;
gridRow?: import("../../tasty").ResponsiveStyleValue;
gridTemplate?: import("../../tasty").ResponsiveStyleValue;
margin?: import("../../tasty").ResponsiveStyleValue | undefined>;
overflow?: import("../../tasty").ResponsiveStyleValue;
padding?: import("../../tasty").ResponsiveStyleValue | undefined>;
placeItems?: import("../../tasty").ResponsiveStyleValue;
placeSelf?: import("../../tasty").ResponsiveStyleValue;
reset?: import("../../tasty").ResponsiveStyleValue<"button" | "input" | undefined>;
styledScrollbar?: import("../../tasty").ResponsiveStyleValue;
hide?: import("../../tasty").ResponsiveStyleValue;
shadow?: import("../../tasty").ResponsiveStyleValue;
radius?: import("../../tasty").ResponsiveStyleValue;
flow?: import("../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
gridAreas?: import("../../tasty").ResponsiveStyleValue;
gridColumns?: import("../../tasty").ResponsiveStyleValue | undefined>;
gridRows?: import("../../tasty").ResponsiveStyleValue | undefined>;
preset?: import("../../tasty").ResponsiveStyleValue;
align?: import("../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
justify?: import("../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
size?: "small" | (string & {}) | "medium" | "large" | undefined;
block?: boolean | undefined;
inline?: boolean | undefined;
element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
styles?: import("../../tasty").Styles | undefined;
css?: string | undefined;
className?: string | undefined;
role?: import("react").AriaRole | undefined;
id?: string | undefined;
qa?: string | undefined;
qaVal?: string | number | undefined;
breakpoints?: number[] | undefined;
isHidden?: boolean | undefined;
isDisabled?: boolean | undefined;
styleName?: string | undefined;
theme?: (string & {}) | "danger" | "default" | "special" | undefined;
as?: keyof HTMLElementTagNameMap | undefined;
autoFocus?: boolean | undefined;
href?: string | undefined;
rel?: string | undefined;
target?: string | undefined;
"aria-controls"?: string | undefined;
"aria-describedby"?: string | undefined;
"aria-details"?: string | undefined;
"aria-expanded"?: boolean | "false" | "true" | undefined;
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
"aria-label"?: string | undefined;
"aria-labelledby"?: string | undefined;
"aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
onFocus?: ((e: import("react").FocusEvent) => void) | undefined;
onBlur?: ((e: import("react").FocusEvent) => void) | undefined;
onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
onClick?: import("react").MouseEventHandler | undefined;
onMouseEnter?: import("react").MouseEventHandler | undefined;
onMouseLeave?: import("react").MouseEventHandler | undefined;
key?: import("react").Key | null | undefined;
onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
onFocusChange?: ((isFocused: boolean) => void) | undefined;
excludeFromTabOrder?: boolean | undefined;
isLoading?: boolean | undefined;
isSelected?: boolean | undefined;
onPressChange?: ((isPressed: boolean) => void) | undefined;
onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
elementType?: "button" | import("react").JSXElementConstructor | undefined;
to?: string | undefined;
htmlType?: "button" | "reset" | "submit" | undefined;
icon?: import("react").ReactElement> | undefined;
rightIcon?: import("react").ReactElement> | undefined;
} & {}>;
export declare const GlobalStyledHeading: any;
export declare function Block(): JSX.Element;