import { ReactNode } from 'react';
import { SxProps, Theme } from '@mui/material/styles';
export interface DesignateEmergencySavingsOption {
    value: string;
    label: string;
}
interface DesignateEmergencySavingsCardProps {
    /** Floating label on the select field. Default "Emergency savings account". */
    selectLabel?: string;
    /** Text shown in the empty (no-selection) state. Default "Select". */
    placeholder?: string;
    /** Selectable accounts. Empty by default (the placeholder-only state). */
    options?: DesignateEmergencySavingsOption[];
    /** Selected account value. Default "" (no selection). */
    value?: string;
    /** Selection change handler. */
    onChange?: (value: string) => void;
    /** Illustration graphic. Defaults to the emergency-savings illustration. */
    graphic?: ReactNode;
    sx?: SxProps<Theme>;
}
/**
 * Designate Emergency Savings Account content: an illustration (piggy bank under
 * an umbrella) above an "Emergency savings account" select showing the empty
 * "Select" state.
 *
 * Uses the repo's standard MUI `Select` (FormControl + InputLabel + MenuItem)
 * with the `ExpandMore` chevron, matching existing selects like AccountDetailEdit.
 * Figma: Designate Emergency Savings Account Content (Full variant). Scope is the
 * Content section only.
 */
declare const DesignateEmergencySavingsCard: ({ graphic, onChange, options, placeholder, selectLabel, value, sx, }: DesignateEmergencySavingsCardProps) => import("react/jsx-runtime").JSX.Element;
export default DesignateEmergencySavingsCard;