import React from 'react';
import type { CSSProperties, ChangeEvent, HTMLAttributes, SyntheticEvent } from 'react';
import type { ITypographyProps } from '@/core/data-display/typography';
import type { AccordionDetailsProps } from '@mui/material/AccordionDetails';
import type { LinearProgressProps } from '@mui/material/LinearProgress';
export interface IStepCardProps {
    expanded?: boolean;
    onChange?: (event?: ChangeEvent<Record<string, unknown>> | SyntheticEvent<Element, Event>, expanded?: boolean) => void;
    fullWidth?: boolean;
    loading?: boolean;
    percentage: number;
    showBottomPercentage?: boolean;
    summary: string;
    title: string;
    subTitle?: string;
    image?: string | JSX.Element;
    remainingSteps?: number;
    time?: number;
    steps?: {
        title: string;
        done: boolean;
        url?: string;
    }[];
    rootProps?: HTMLAttributes<HTMLDivElement>;
    /**
     * Merged over the title defaults — `variant='h5'`, `align='center'`.
     * `variant` also sets the heading level, so `{ component: 'h2' }` keeps
     * the `h5` type scale on an `<h2>` tag.
     */
    titleProps?: Partial<ITypographyProps>;
    /**
     * Merged over the subtitle defaults — `variant='h6'`, `align='center'`.
     * Same heading-level behaviour as `titleProps`.
     */
    subTitleProps?: Partial<ITypographyProps>;
    summaryProps?: Partial<ITypographyProps>;
    expansionPanelDetailsProps?: Partial<AccordionDetailsProps>;
    linearProgressBarProps?: Partial<LinearProgressProps>;
    summaryLinearProgressBarProps?: Partial<LinearProgressProps>;
    expandable?: boolean;
    showIcon?: boolean;
    padding?: CSSProperties['padding'];
    margin?: CSSProperties['margin'];
    showSubTitleSkeleton?: boolean;
    onStepUrlClick?: (url: string) => void;
}
declare const StepCard: ({ expanded, loading, percentage, time, steps, remainingSteps, title, titleProps, subTitle, subTitleProps, image, showBottomPercentage, expandable, showIcon, summary, summaryProps, expansionPanelDetailsProps, linearProgressBarProps, summaryLinearProgressBarProps, rootProps, onStepUrlClick, fullWidth, padding, margin, showSubTitleSkeleton, onChange }: IStepCardProps) => React.JSX.Element;
export default StepCard;