@funkit/connect
Version:
Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.
25 lines (24 loc) • 1.11 kB
TypeScript
import React, { type ReactNode } from 'react';
import { type BoxProps } from '../Box/Box';
interface ModalErrorStateProps {
/** Icon rendered inside a 32×32 circular `offBackground` container. Defaults to a filled InfoIcon. */
icon?: ReactNode;
/** Body content — plain text or a `<Trans>` block with link interpolation. Defaults to `common.pleaseTryAgainLater`. */
children?: ReactNode;
/** Minimum height for the centered content region. */
minHeight: number;
/** Optional bottom padding on the outer container. */
paddingBottom?: BoxProps['paddingBottom'];
paddingTop?: BoxProps['paddingTop'];
/** Optional style for the container. */
style?: React.CSSProperties;
}
/**
* Centered icon + body message used inside modal steps when a content
* region is empty or has errored — full-flow alternative to the smaller
* `FunMessage` card. Vertically centers the icon and body within
* `minHeight`.
*
*/
export declare function ModalErrorState({ icon, children, minHeight, paddingBottom, paddingTop, style, }: ModalErrorStateProps): React.JSX.Element;
export {};