export declare const AnimatedFadeButton: (props: React.ComponentProps; disabled?: boolean | undefined; selected?: boolean | undefined; name?: string | undefined; form?: string | undefined; p?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "padding"; readonly scale: "spacing"; }>; slot?: string | undefined; title?: string | undefined; dir?: string | undefined; className?: string | undefined; 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; }>; "aria-hidden"?: (boolean | "false" | "true") | undefined; ref?: import("react").LegacyRef | undefined; key?: import("react").Key | null | undefined; defaultChecked?: boolean | undefined; defaultValue?: string | number | readonly string[] | undefined; suppressContentEditableWarning?: boolean | undefined; suppressHydrationWarning?: boolean | undefined; accessKey?: string | undefined; autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined; autoFocus?: boolean | undefined; contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined; contextMenu?: string | undefined; draggable?: (boolean | "false" | "true") | undefined; enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined; hidden?: boolean | undefined; id?: string | undefined; lang?: string | undefined; nonce?: string | undefined; spellCheck?: (boolean | "false" | "true") | undefined; tabIndex?: number | undefined; translate?: "no" | "yes" | undefined; radioGroup?: string | undefined; role?: import("react").AriaRole | undefined; about?: string | undefined; content?: string | undefined; datatype?: string | undefined; inlist?: any; prefix?: string | undefined; property?: string | undefined; rel?: string | undefined; resource?: string | undefined; rev?: string | undefined; typeof?: string | undefined; vocab?: string | undefined; autoCorrect?: string | undefined; autoSave?: string | undefined; itemProp?: string | undefined; itemScope?: boolean | undefined; itemType?: string | undefined; itemID?: string | undefined; itemRef?: string | undefined; results?: number | undefined; security?: string | undefined; unselectable?: "off" | "on" | undefined; inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined; is?: string | undefined; exportparts?: string | undefined; part?: string | undefined; "aria-activedescendant"?: string | undefined; "aria-atomic"?: (boolean | "false" | "true") | undefined; "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined; "aria-braillelabel"?: string | undefined; "aria-brailleroledescription"?: string | undefined; "aria-busy"?: (boolean | "false" | "true") | undefined; "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined; "aria-colcount"?: number | undefined; "aria-colindex"?: number | undefined; "aria-colindextext"?: string | undefined; "aria-colspan"?: number | undefined; "aria-controls"?: string | undefined; "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined; "aria-describedby"?: string | undefined; "aria-description"?: string | undefined; "aria-details"?: string | undefined; "aria-disabled"?: (boolean | "false" | "true") | undefined; "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined; "aria-errormessage"?: string | undefined; "aria-expanded"?: (boolean | "false" | "true") | undefined; "aria-flowto"?: string | undefined; "aria-grabbed"?: (boolean | "false" | "true") | undefined; "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined; "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined; "aria-keyshortcuts"?: string | undefined; "aria-label"?: string | undefined; "aria-labelledby"?: string | undefined; "aria-level"?: number | undefined; "aria-live"?: "off" | "assertive" | "polite" | undefined; "aria-modal"?: (boolean | "false" | "true") | undefined; "aria-multiline"?: (boolean | "false" | "true") | undefined; "aria-multiselectable"?: (boolean | "false" | "true") | undefined; "aria-orientation"?: "horizontal" | "vertical" | undefined; "aria-owns"?: string | undefined; "aria-placeholder"?: string | undefined; "aria-posinset"?: number | undefined; "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined; "aria-readonly"?: (boolean | "false" | "true") | undefined; "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined; "aria-required"?: (boolean | "false" | "true") | undefined; "aria-roledescription"?: string | undefined; "aria-rowcount"?: number | undefined; "aria-rowindex"?: number | undefined; "aria-rowindextext"?: string | undefined; "aria-rowspan"?: number | undefined; "aria-selected"?: (boolean | "false" | "true") | undefined; "aria-setsize"?: number | undefined; "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined; "aria-valuemax"?: number | undefined; "aria-valuemin"?: number | undefined; "aria-valuenow"?: number | undefined; "aria-valuetext"?: string | undefined; dangerouslySetInnerHTML?: { __html: string | TrustedHTML; } | undefined; onCopy?: import("react").ClipboardEventHandler | (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined; onCopyCapture?: import("react").ClipboardEventHandler | (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined; onCut?: import("react").ClipboardEventHandler | (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined; onCutCapture?: import("react").ClipboardEventHandler | (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined; onPaste?: import("react").ClipboardEventHandler | (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined; onPasteCapture?: import("react").ClipboardEventHandler | (import("react").ClipboardEventHandler & import("react").ClipboardEventHandler) | undefined; onCompositionEnd?: import("react").CompositionEventHandler | (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined; onCompositionEndCapture?: import("react").CompositionEventHandler | (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined; onCompositionStart?: import("react").CompositionEventHandler | (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined; onCompositionStartCapture?: import("react").CompositionEventHandler | (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined; onCompositionUpdate?: import("react").CompositionEventHandler | (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined; onCompositionUpdateCapture?: import("react").CompositionEventHandler | (import("react").CompositionEventHandler & import("react").CompositionEventHandler) | undefined; onFocus?: import("react").FocusEventHandler | (import("react").FocusEventHandler & import("react").FocusEventHandler) | undefined; onFocusCapture?: import("react").FocusEventHandler | (import("react").FocusEventHandler & import("react").FocusEventHandler) | undefined; onBlur?: import("react").FocusEventHandler | (import("react").FocusEventHandler & import("react").FocusEventHandler) | undefined; onBlurCapture?: import("react").FocusEventHandler | (import("react").FocusEventHandler & import("react").FocusEventHandler) | undefined; onChange?: import("react").FormEventHandler | (import("react").FormEventHandler & import("react").FormEventHandler) | undefined; onChangeCapture?: import("react").FormEventHandler | (import("react").FormEventHandler & import("react").FormEventHandler) | undefined; onBeforeInput?: import("react").InputEventHandler | (import("react").InputEventHandler & import("react").InputEventHandler) | undefined; onBeforeInputCapture?: import("react").FormEventHandler | (import("react").FormEventHandler & import("react").FormEventHandler) | undefined; onInput?: import("react").FormEventHandler | (import("react").FormEventHandler & import("react").FormEventHandler) | undefined; onInputCapture?: import("react").FormEventHandler | (import("react").FormEventHandler & import("react").FormEventHandler) | undefined; onReset?: import("react").FormEventHandler | (import("react").FormEventHandler & import("react").FormEventHandler) | undefined; onResetCapture?: import("react").FormEventHandler | (import("react").FormEventHandler & import("react").FormEventHandler) | undefined; onSubmit?: import("react").FormEventHandler | (import("react").FormEventHandler & import("react").FormEventHandler) | undefined; onSubmitCapture?: import("react").FormEventHandler | (import("react").FormEventHandler & import("react").FormEventHandler) | undefined; onInvalid?: import("react").FormEventHandler | (import("react").FormEventHandler & import("react").FormEventHandler) | undefined; onInvalidCapture?: import("react").FormEventHandler | (import("react").FormEventHandler & import("react").FormEventHandler) | undefined; onLoad?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onLoadCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onError?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onErrorCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onKeyDown?: import("react").KeyboardEventHandler | (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined; onKeyDownCapture?: import("react").KeyboardEventHandler | (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined; onKeyPress?: import("react").KeyboardEventHandler | (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined; onKeyPressCapture?: import("react").KeyboardEventHandler | (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined; onKeyUp?: import("react").KeyboardEventHandler | (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined; onKeyUpCapture?: import("react").KeyboardEventHandler | (import("react").KeyboardEventHandler & import("react").KeyboardEventHandler) | undefined; onAbort?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onAbortCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onCanPlay?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onCanPlayCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onCanPlayThrough?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onCanPlayThroughCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onDurationChange?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onDurationChangeCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onEmptied?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onEmptiedCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onEncrypted?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onEncryptedCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onEnded?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onEndedCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onLoadedData?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onLoadedDataCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onLoadedMetadata?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onLoadedMetadataCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onLoadStart?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onLoadStartCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onPause?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onPauseCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onPlay?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onPlayCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onPlaying?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onPlayingCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onProgress?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onProgressCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onRateChange?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onRateChangeCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onSeeked?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onSeekedCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onSeeking?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onSeekingCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onStalled?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onStalledCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onSuspend?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onSuspendCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onTimeUpdate?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onTimeUpdateCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onVolumeChange?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onVolumeChangeCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onWaiting?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onWaitingCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onAuxClick?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onAuxClickCapture?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onClick?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onClickCapture?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onContextMenu?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onContextMenuCapture?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onDoubleClick?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onDoubleClickCapture?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onDragCapture?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDragEndCapture?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDragEnter?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDragEnterCapture?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDragExit?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDragExitCapture?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDragLeave?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDragLeaveCapture?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDragOver?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDragOverCapture?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDragStartCapture?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDrop?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onDropCapture?: import("react").DragEventHandler | (import("react").DragEventHandler & import("react").DragEventHandler) | undefined; onMouseDown?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onMouseDownCapture?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onMouseEnter?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onMouseLeave?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onMouseMove?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onMouseMoveCapture?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onMouseOut?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onMouseOutCapture?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onMouseOver?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onMouseOverCapture?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onMouseUp?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onMouseUpCapture?: import("react").MouseEventHandler | (import("react").MouseEventHandler & import("react").MouseEventHandler) | undefined; onSelect?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onSelectCapture?: import("react").ReactEventHandler | (import("react").ReactEventHandler & import("react").ReactEventHandler) | undefined; onTouchCancel?: import("react").TouchEventHandler | (import("react").TouchEventHandler & import("react").TouchEventHandler) | undefined; onTouchCancelCapture?: import("react").TouchEventHandler | (import("react").TouchEventHandler & import("react").TouchEventHandler) | undefined; onTouchEnd?: import("react").TouchEventHandler | (import("react").TouchEventHandler & import("react").TouchEventHandler) | undefined; onTouchEndCapture?: import("react").TouchEventHandler | (import("react").TouchEventHandler & import("react").TouchEventHandler) | undefined; onTouchMove?: import("react").TouchEventHandler | (import("react").TouchEventHandler & import("react").TouchEventHandler) | undefined; onTouchMoveCapture?: import("react").TouchEventHandler | (import("react").TouchEventHandler & import("react").TouchEventHandler) | undefined; onTouchStart?: import("react").TouchEventHandler | (import("react").TouchEventHandler & import("react").TouchEventHandler) | undefined; onTouchStartCapture?: import("react").TouchEventHandler | (import("react").TouchEventHandler & import("react").TouchEventHandler) | undefined; onPointerDown?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerDownCapture?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerMove?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerMoveCapture?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerUp?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerUpCapture?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerCancel?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerCancelCapture?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerEnter?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerLeave?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerOver?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerOverCapture?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerOut?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onPointerOutCapture?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onGotPointerCapture?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onGotPointerCaptureCapture?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onLostPointerCapture?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onLostPointerCaptureCapture?: import("react").PointerEventHandler | (import("react").PointerEventHandler & import("react").PointerEventHandler) | undefined; onScroll?: import("react").UIEventHandler | (import("react").UIEventHandler & import("react").UIEventHandler) | undefined; onScrollCapture?: import("react").UIEventHandler | (import("react").UIEventHandler & import("react").UIEventHandler) | undefined; onWheel?: import("react").WheelEventHandler | (import("react").WheelEventHandler & import("react").WheelEventHandler) | undefined; onWheelCapture?: import("react").WheelEventHandler | (import("react").WheelEventHandler & import("react").WheelEventHandler) | undefined; onAnimationStartCapture?: import("react").AnimationEventHandler | (import("react").AnimationEventHandler & import("react").AnimationEventHandler) | undefined; onAnimationEnd?: import("react").AnimationEventHandler | (import("react").AnimationEventHandler & import("react").AnimationEventHandler) | undefined; onAnimationEndCapture?: import("react").AnimationEventHandler | (import("react").AnimationEventHandler & import("react").AnimationEventHandler) | undefined; onAnimationIteration?: import("react").AnimationEventHandler | (import("react").AnimationEventHandler & import("react").AnimationEventHandler) | undefined; onAnimationIterationCapture?: import("react").AnimationEventHandler | (import("react").AnimationEventHandler & import("react").AnimationEventHandler) | undefined; onTransitionEnd?: import("react").TransitionEventHandler | (import("react").TransitionEventHandler & import("react").TransitionEventHandler) | undefined; onTransitionEndCapture?: import("react").TransitionEventHandler | (import("react").TransitionEventHandler & import("react").TransitionEventHandler) | undefined; alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "alignSelf"; }>; 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; }>; 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?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "flexBasis"; }>; flexGrow?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "flexGrow"; }>; flexShrink?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "flexShrink"; }>; gridColumnEnd?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridColumnEnd"; }>; gridColumnStart?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridColumnStart"; }>; gridRowEnd?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridRowEnd"; }>; gridRowStart?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridRowStart"; }>; justifySelf?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "justifySelf"; }>; 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?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "order"; }>; 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; }>; 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"; }>; gridArea?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridArea"; }>; gridColumn?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridColumn"; }>; gridRow?: import("@codecademy/variance/dist/types/config").Scale<{ readonly property: "gridRow"; }>; 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"; }>; size?: "small" | "normal" | "large" | undefined; type?: "button" | "reset" | "submit" | undefined; href?: string | undefined; icon?: import("react").ComponentType | undefined; ellipsis?: boolean | undefined; 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 | undefined; variant?: "primary" | "secondary" | "danger" | "interface" | undefined; as?: undefined; formAction?: string | undefined; formEncType?: string | undefined; formMethod?: string | undefined; formNoValidate?: boolean | undefined; formTarget?: string | undefined; value?: string | number | readonly string[] | undefined; buttonType?: "text" | "stroke" | undefined; showButton?: "hidden" | "shown" | undefined; } & import("framer-motion").MotionProps>>) => import("react/jsx-runtime").JSX.Element; export declare const AnimatedSlideButton: (props: React.ComponentProps) => import("react/jsx-runtime").JSX.Element;