import { ComponentProps } from 'react'; import * as React from 'react'; declare const StyledForm: import("@emotion/styled").StyledComponent<{ theme?: import("@emotion/react").Theme; as?: React.ElementType; } & { border?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "border"; readonly scale: "borders"; }>; p?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "padding"; readonly scale: "spacing"; }>; height?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "height"; readonly logical: "blockSize"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; width?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "width"; readonly logical: "inlineSize"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.AlignContent | undefined) | undefined> | undefined; alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.AlignItems | undefined) | undefined> | undefined; alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.AlignSelf | undefined) | undefined> | undefined; bottom?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "bottom"; readonly logical: "insetBlockEnd"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; columnGap?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "columnGap"; readonly scale: "spacing"; }>; containerType?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "containerType"; }>; direction?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "direction"; }>; display?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "display"; }>; flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis | undefined) | import("@codecademy/variance").BreakpointMap | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis | undefined) | undefined> | import("@codecademy/variance").BreakpointArray | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis | undefined) | import("@codecademy/variance").BreakpointMap | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis | undefined) | undefined> | import("@codecademy/variance").BreakpointArray | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis | undefined) | undefined> | undefined; flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "flexDirection"; }>; flexGrow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.FlexGrow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.FlexGrow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexGrow | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.FlexGrow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.FlexGrow | undefined) | undefined> | undefined; flexShrink?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.FlexShrink | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.FlexShrink | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexShrink | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.FlexShrink | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.FlexShrink | undefined) | undefined> | undefined; flexWrap?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "flexWrap"; }>; gridAutoColumns?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridAutoColumns"; }>; gridAutoFlow?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridAutoFlow"; }>; gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridAutoRows"; }>; gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridColumnEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridColumnEnd | undefined) | undefined> | undefined; gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridColumnStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridColumnStart | undefined) | undefined> | undefined; gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridRowEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridRowEnd | undefined) | undefined> | undefined; gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridRowStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridRowStart | undefined) | undefined> | undefined; gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridTemplateAreas"; }>; gridTemplateColumns?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridTemplateColumns"; }>; gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridTemplateRows"; }>; justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.JustifyContent | undefined) | undefined> | undefined; justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.JustifyItems | undefined) | undefined> | undefined; justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.JustifySelf | undefined) | undefined> | undefined; left?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "left"; readonly logical: "insetInlineStart"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "maxHeight"; readonly logical: "maxBlockSize"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "maxWidth"; readonly logical: "maxInlineSize"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; minHeight?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "minHeight"; readonly logical: "minBlockSize"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; minWidth?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "minWidth"; readonly logical: "minInlineSize"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; opacity?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "opacity"; }>; order?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.Order | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.Order | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.Order | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.Order | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.Order | undefined) | undefined> | undefined; overflowX?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "overflowX"; readonly logical: "overflowInline"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; overflowY?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "overflowY"; readonly logical: "overflowBlock"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; position?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "position"; }>; right?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "right"; readonly logical: "insetInlineEnd"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; rowGap?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "rowGap"; readonly scale: "spacing"; }>; top?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "top"; readonly logical: "insetBlockStart"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "verticalAlign"; }>; zIndex?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "zIndex"; }>; borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderBottom"; readonly logical: "borderBlockEnd"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borders"; }>; borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderLeft"; readonly logical: "borderInlineStart"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borders"; }>; borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderRadius"; readonly scale: "borderRadii"; }>; borderRight?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderRight"; readonly logical: "borderInlineEnd"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borders"; }>; borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderStyle"; }>; borderTop?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderTop"; readonly logical: "borderBlockStart"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borders"; }>; borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderWidth"; }>; flex?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "flex"; }>; gap?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gap"; readonly scale: "spacing"; }>; gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridArea | undefined) | undefined> | undefined; gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridColumn | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridColumn | undefined) | undefined> | undefined; gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridRow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray import("csstype").Property.GridRow | undefined) | undefined> | undefined; inset?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "inset"; readonly properties: { readonly physical: readonly ["top", "right", "bottom", "left"]; readonly logical: readonly ["insetBlockStart", "insetInlineEnd", "insetBlockEnd", "insetInlineStart"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; overflow?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "overflow"; }>; px?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "padding"; readonly properties: { readonly physical: readonly ["paddingLeft", "paddingRight"]; readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"]; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; py?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "padding"; readonly properties: { readonly physical: readonly ["paddingTop", "paddingBottom"]; readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"]; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; pt?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "paddingTop"; readonly logical: "paddingBlockStart"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; pb?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "paddingBottom"; readonly logical: "paddingBlockEnd"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; pr?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "paddingRight"; readonly logical: "paddingInlineEnd"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; pl?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "paddingLeft"; readonly logical: "paddingInlineStart"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; m?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "margin"; readonly scale: "spacing"; }>; mx?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "margin"; readonly properties: { readonly physical: readonly ["marginLeft", "marginRight"]; readonly logical: readonly ["marginInlineStart", "marginInlineEnd"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "spacing"; }>; my?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "margin"; readonly properties: { readonly physical: readonly ["marginTop", "marginBottom"]; readonly logical: readonly ["marginBlockStart", "marginBlockEnd"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "spacing"; }>; mt?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "marginTop"; readonly logical: "marginBlockStart"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; mb?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "marginBottom"; readonly logical: "marginBlockEnd"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; mr?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "marginRight"; readonly logical: "marginInlineEnd"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; ml?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "marginLeft"; readonly logical: "marginInlineStart"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderX?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "border"; readonly properties: { readonly physical: readonly ["borderLeft", "borderRight"]; readonly logical: readonly ["borderInlineStart", "borderInlineEnd"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borders"; }>; borderY?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "border"; readonly properties: { readonly physical: readonly ["borderTop", "borderBottom"]; readonly logical: readonly ["borderBlockStart", "borderBlockEnd"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borders"; }>; borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderWidth"; readonly properties: { readonly physical: readonly ["borderLeftWidth", "borderRightWidth"]; readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderWidth"; readonly properties: { readonly physical: readonly ["borderTopWidth", "borderBottomWidth"]; readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderLeftWidth"; readonly logical: "borderInlineStartWidth"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderRightWidth"; readonly logical: "borderInlineEndWidth"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderTopWidth"; readonly logical: "borderBlockStartWidth"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderBottomWidth"; readonly logical: "borderBlockEndWidth"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderRadius"; readonly properties: { readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"]; readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }>; borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderRadius"; readonly properties: { readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"]; readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }>; borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderRadius"; readonly properties: { readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"]; readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }>; borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderRadius"; readonly properties: { readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"]; readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }>; borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderTopLeftRadius"; readonly logical: "borderStartStartRadius"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }>; borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderTopRightRadius"; readonly logical: "borderStartEndRadius"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }>; borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderBottomRightRadius"; readonly logical: "borderEndEndRadius"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }>; borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderBottomLeftRadius"; readonly logical: "borderEndStartRadius"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }>; borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderStyle"; readonly properties: { readonly physical: readonly ["borderLeftStyle", "borderRightStyle"]; readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderStyle"; readonly properties: { readonly physical: readonly ["borderTopStyle", "borderBottomStyle"]; readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderLeftStyle"; readonly logical: "borderInlineStartStyle"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderRightStyle"; readonly logical: "borderInlineEndStyle"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderTopStyle"; readonly logical: "borderBlockStartStyle"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: { readonly physical: "borderBottomStyle"; readonly logical: "borderBlockEndStyle"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }>; dimensions?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "width"; readonly properties: { readonly physical: readonly ["width", "height"]; readonly logical: readonly ["inlineSize", "blockSize"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }>; } & { theme?: import("@emotion/react").Theme; }, Pick, HTMLFormElement>, "name" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "method" | "target" | "autoComplete" | "acceptCharset" | "action" | "encType" | "noValidate" | keyof React.ClassAttributes>, {}>; export type FormProps = ComponentProps; export declare const Form: React.FC; export {};