import { ButtonProps } from "@bigcommerce/big-design";
import { FunctionComponent, ReactNode } from "react";
/**
 * Properties for actions within the InfoIllustration component, omitting children from ButtonProps.
 * @typedef {Object} InfoImageAction
 * @property {string} [text] - Text to display on the button.
 */
export interface InfoImageAction extends Omit<ButtonProps, "children"> {
    text?: string;
}
/**
 * Props for the InfoIllustration component.
 * @typedef {Object} InfoImageProps
 * @property {ReactNode} [children] - Child components to be rendered within the illustration.
 * @property {"info1" | "info2" | "info3" | "info4" | "success" | "warning" | "error"} [variant="info1"] - Variant of the illustration for different states or types.
 * @property {"up" | "down" | "square" | "cross"} [pattern] - Background pattern type, which changes based on the variant.
 * @property {"info" | "warning" | "success" | "empty" | "template" | "brands" | "server" | "permission" | "page" | "pickup" | "list" | "options" | "categories" | "products" | "orders" | "analytics" | "promotions"} [icon="info"] - Icon type displayed within the illustration.
 * @property {string} [heading] - Optional heading text.
 * @property {InfoImageAction} [actionPrimary] - Primary action configuration.
 * @property {InfoImageAction} [actionSecondary] - Secondary action configuration.
 */
export interface InfoImageProps {
    children?: ReactNode;
    variant?: "info1" | "info2" | "info3" | "info4" | "success" | "warning" | "error";
    pattern?: "up" | "down" | "square" | "cross";
    icon?: "info" | "warning" | "success" | "empty" | "template" | "brands" | "server" | "permission" | "page" | "pickup" | "list" | "options" | "categories" | "products" | "orders" | "analytics" | "promotions";
    heading?: string;
    actionPrimary?: InfoImageAction;
    actionSecondary?: InfoImageAction;
}
/**
 * A component that displays an informational illustration with optional actions.
 * This component can be used to provide contextual information with visual cues and associated actions to users.
 * It supports multiple visual variants and actions to suit different contexts.
 *
 * @param {InfoImageProps} props - Properties passed to the component
 * @returns {JSX.Element} A styled informational illustration component.
 */
export declare const InfoIllustration: FunctionComponent<InfoImageProps>;