import { StyleProps } from '@codecademy/variance'; export interface IconStyleProps extends StyleProps { /** * Set both the width and height of the icon at the same time * Otherwise the default size is 24 for regular icons and 16 for mini icons */ size?: StyleProps['width']; } export interface GamutBaseIconProps extends Omit, keyof IconStyleProps>, IconStyleProps { /** * A suffix added to the end of the unique generated ID for the icon. This is useful if you have multiple of the same icon on the page and need to pass accessibility guidelines. */ titleId?: string; title?: string; ref?: React.Ref; /** * See: https://github.com/DefinitelyTyped/DefinitelyTyped/pull/42404 * Generated definitions may not match with other vesions @types/react in ^16.9 this ensures that the type exists and is optional as it would in >16.9.21 */ path?: string; } interface GamutHiddenIconProps extends GamutBaseIconProps { 'aria-hidden'?: true; 'aria-label'?: never; } interface GamutVisibleIconProps extends GamutBaseIconProps { 'aria-hidden': false; 'aria-label': string; } export type GamutIconProps = GamutHiddenIconProps | GamutVisibleIconProps; export type ForwardableProps = Omit; export declare const iconProps: import("@codecademy/variance/dist/types/config").Parser import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly overflowY: { readonly property: { readonly physical: "overflowY"; readonly logical: "overflowBlock"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly dimensions: { 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; }; readonly width: { 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; }; readonly minWidth: { 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; }; readonly maxWidth: { 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; }; readonly height: { 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; }; readonly minHeight: { 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; }; readonly maxHeight: { 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; }; readonly verticalAlign: { readonly property: "verticalAlign"; }; readonly direction: { readonly property: "direction"; }; }>>, import("@codecademy/variance/dist/types/config").Parser import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }; readonly borderColorY: { readonly property: "borderColor"; readonly properties: { readonly physical: readonly ["borderTopColor", "borderBottomColor"]; readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }; readonly borderColorLeft: { readonly property: "borderLeftColor"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }; readonly borderColorRight: { readonly property: "borderRightColor"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }; readonly borderColorTop: { readonly property: "borderTopColor"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }; readonly borderColorBottom: { readonly property: "borderBottomColor"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }; }>>, import("@codecademy/variance/dist/types/config").Parser import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly py: { 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; }; readonly pt: { readonly property: { readonly physical: "paddingTop"; readonly logical: "paddingBlockStart"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly pb: { readonly property: { readonly physical: "paddingBottom"; readonly logical: "paddingBlockEnd"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly pr: { readonly property: { readonly physical: "paddingRight"; readonly logical: "paddingInlineEnd"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly pl: { readonly property: { readonly physical: "paddingLeft"; readonly logical: "paddingInlineStart"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly m: { readonly property: "margin"; readonly scale: "spacing"; }; readonly mx: { 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"; }; readonly my: { 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"; }; readonly mt: { readonly property: { readonly physical: "marginTop"; readonly logical: "marginBlockStart"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly mb: { readonly property: { readonly physical: "marginBottom"; readonly logical: "marginBlockEnd"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly mr: { readonly property: { readonly physical: "marginRight"; readonly logical: "marginInlineEnd"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly ml: { readonly property: { readonly physical: "marginLeft"; readonly logical: "marginInlineStart"; }; readonly scale: "spacing"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; }>>, import("@codecademy/variance/dist/types/config").Parser import("@codecademy/variance/dist/types/properties").PropertyMode; readonly transform: (value: string | number) => string | 0; }; readonly top: { 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; }; readonly right: { 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; }; readonly bottom: { 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; }; readonly left: { 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; }; readonly zIndex: { readonly property: "zIndex"; }; readonly opacity: { readonly property: "opacity"; }; }>>, import("@codecademy/variance/dist/types/config").Parser import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borders"; }; readonly borderY: { 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"; }; readonly borderTop: { readonly property: { readonly physical: "borderTop"; readonly logical: "borderBlockStart"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borders"; }; readonly borderRight: { readonly property: { readonly physical: "borderRight"; readonly logical: "borderInlineEnd"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borders"; }; readonly borderBottom: { readonly property: { readonly physical: "borderBottom"; readonly logical: "borderBlockEnd"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borders"; }; readonly borderLeft: { readonly property: { readonly physical: "borderLeft"; readonly logical: "borderInlineStart"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borders"; }; readonly borderWidth: { readonly property: "borderWidth"; }; readonly borderWidthX: { 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; }; readonly borderWidthY: { 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; }; readonly borderWidthLeft: { readonly property: { readonly physical: "borderLeftWidth"; readonly logical: "borderInlineStartWidth"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly borderWidthRight: { readonly property: { readonly physical: "borderRightWidth"; readonly logical: "borderInlineEndWidth"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly borderWidthTop: { readonly property: { readonly physical: "borderTopWidth"; readonly logical: "borderBlockStartWidth"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly borderWidthBottom: { readonly property: { readonly physical: "borderBottomWidth"; readonly logical: "borderBlockEndWidth"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly borderRadius: { readonly property: "borderRadius"; readonly scale: "borderRadii"; }; readonly borderRadiusLeft: { 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"; }; readonly borderRadiusTop: { 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"; }; readonly borderRadiusBottom: { 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"; }; readonly borderRadiusRight: { 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"; }; readonly borderRadiusTopLeft: { readonly property: { readonly physical: "borderTopLeftRadius"; readonly logical: "borderStartStartRadius"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }; readonly borderRadiusTopRight: { readonly property: { readonly physical: "borderTopRightRadius"; readonly logical: "borderStartEndRadius"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }; readonly borderRadiusBottomRight: { readonly property: { readonly physical: "borderBottomRightRadius"; readonly logical: "borderEndEndRadius"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }; readonly borderRadiusBottomLeft: { readonly property: { readonly physical: "borderBottomLeftRadius"; readonly logical: "borderEndStartRadius"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "borderRadii"; }; readonly borderStyle: { readonly property: "borderStyle"; }; readonly borderStyleX: { 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; }; readonly borderStyleY: { 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; }; readonly borderStyleLeft: { readonly property: { readonly physical: "borderLeftStyle"; readonly logical: "borderInlineStartStyle"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly borderStyleRight: { readonly property: { readonly physical: "borderRightStyle"; readonly logical: "borderInlineEndStyle"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly borderStyleTop: { readonly property: { readonly physical: "borderTopStyle"; readonly logical: "borderBlockStartStyle"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; readonly borderStyleBottom: { readonly property: { readonly physical: "borderBottomStyle"; readonly logical: "borderBlockEndStyle"; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; }; }>>]>>; export declare const Svg: import("@emotion/styled").StyledComponent<{ theme?: import("@emotion/react").Theme; as?: React.ElementType; } & { flexBasis?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "flexBasis"; }>; flexShrink?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "flexShrink"; }>; flexGrow?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "flexGrow"; }>; order?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "order"; }>; gridColumn?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridColumn"; }>; gridRow?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridRow"; }>; gridColumnStart?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridColumnStart"; }>; gridRowStart?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridRowStart"; }>; gridColumnEnd?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridColumnEnd"; }>; gridRowEnd?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridRowEnd"; }>; justifySelf?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "justifySelf"; }>; alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "alignSelf"; }>; gridArea?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridArea"; }>; containerType?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "containerType"; }>; display?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "display"; }>; overflow?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "overflow"; }>; 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; }>; 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; }>; 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; }>; 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; }>; 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; }>; 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; }>; 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; }>; 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; }>; verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "verticalAlign"; }>; direction?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "direction"; }>; color?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "color"; readonly scale: "colors"; }>; textColor?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "color"; readonly scale: "colors"; }>; bg?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "backgroundColor"; readonly scale: "colors"; }>; borderColor?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderColor"; readonly scale: "colors"; }>; borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderColor"; readonly properties: { readonly physical: readonly ["borderLeftColor", "borderRightColor"]; readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }>; borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderColor"; readonly properties: { readonly physical: readonly ["borderTopColor", "borderBottomColor"]; readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"]; }; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }>; borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderLeftColor"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }>; borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderRightColor"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }>; borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderTopColor"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }>; borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderBottomColor"; readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode; readonly scale: "colors"; }>; p?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "padding"; readonly scale: "spacing"; }>; 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; }>; position?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "position"; }>; 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; }>; 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; }>; 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; }>; 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; }>; 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; }>; zIndex?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "zIndex"; }>; opacity?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "opacity"; }>; border?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "border"; readonly scale: "borders"; }>; 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"; }>; 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"; }>; 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"; }>; 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"; }>; borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderWidth"; }>; 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; }>; borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderRadius"; readonly scale: "borderRadii"; }>; 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"; }>; borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "borderStyle"; }>; 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; }>; } & { theme?: import("@emotion/react").Theme; }, Pick, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "alignmentBaseline" | "baselineShift" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "cursor" | "cx" | "cy" | "d" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontSizeAdjust" | "fontVariant" | "imageRendering" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "paintOrder" | "pointerEvents" | "r" | "rotate" | "rx" | "ry" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textRendering" | "transform" | "transformOrigin" | "unicodeBidi" | "vectorEffect" | "visibility" | "wordSpacing" | "writingMode" | "x" | "y" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "style" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolation" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fontStretch" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "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-hidden" | "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" | "children" | "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" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, {}>; export {};