import { PropsWithChildren } from 'react';
import { StateButtonProps } from './StateButton';
import { TextAlignment } from '../../values/TextAlignment';
import { StateIconProps } from './StateIcon';
export type BaseStateProps = {
    /**
     * The icon to be shown.
     *
     * Default icons are defined for all states.
     */
    icon?: string;
    /**
     * List of icons to show instead a single icon.
     *
     * @default []
     */
    icons?: StateIconProps[];
    /**
     * Custom Image if needed.
     */
    image?: React.ReactNode;
    /**
     * The headline to be shown.
     */
    headline?: string | React.ReactNode;
    /**
     * The text to display.
     */
    message?: string | React.ReactNode;
    /**
     * Definitions for the buttons to show.
     *
     * @default []
     */
    buttons?: StateButtonProps[];
    /**
     * Defines whether to use 100% width or default width.
     *
     * __Note:__ Only to be used for special cases on the CustomState component.
     *
     * @default false
     */
    fullWidth?: boolean;
    /**
     * Smaller icon and headline size.
     *
     * @default false
     */
    condensed?: boolean;
    /**
     * Defines where the panel is aligned.
     *
     * Possible values are:
     *
     * - `'left'`
     * - `'center'`
     * - `'right'`
     *
     * @default 'center'
     */
    alignment?: TextAlignment;
    /**
     * Optional class names for the wrapper.
     */
    outerClassName?: string;
    /**
     * Optional class names for the content.
     */
    innerClassName?: string;
};
export type CustomStateProps = BaseStateProps;
declare const CustomState: (props: PropsWithChildren<CustomStateProps>) => import("react/jsx-runtime").JSX.Element;
export default CustomState;
