import { OverrideProps } from '@mui/types';
import { BannerProps, BannerSlot, BannerSlots } from '../Banner/Banner.types';
import { CreateSlotsAndSlotProps, SlotCommonProps, SlotProps } from '../types/slot';
export type BannerTopSlot = BannerSlot;
export interface BannerTopSlots extends BannerSlots {
}
export type BannerTopSlotsAndSlotProps = CreateSlotsAndSlotProps<BannerTopSlots, {
    root: SlotProps<'div', object, BannerTopOwnerState>;
    actions: SlotProps<'div', object, BannerTopOwnerState>;
    primaryAction: SlotProps<'button', object, BannerTopOwnerState>;
    secondaryAction: SlotProps<'button', object, BannerTopOwnerState>;
    closeButton: SlotProps<'button', object, BannerTopOwnerState>;
}>;
export interface BannerTopTypeMap<P = object, D extends React.ElementType = 'div'> {
    props: P & BannerTopSlotsAndSlotProps & BannerProps & {
        /**
         * CSS media query when `Desktop` mode will be changed to `Mobile`. In `Mobile`, the layout will be stacked vertically, and in `Desktop`, the layout will be horizontal.
         * @default theme.breakpoints.down('sm')
         * @example '@media (min-width: 720px)' or theme.breakpoints.down("sm")
         */
        mobileMediaQuery?: string;
        /**
         * The subtitle of the banner.
         */
        subtitle?: React.ReactNode;
    };
    defaultComponent: D;
}
export type BannerTopProps<D extends React.ElementType = BannerTopTypeMap['defaultComponent'], P = SlotCommonProps> = OverrideProps<BannerTopTypeMap<P, D>, D>;
export interface BannerTopOwnerState extends BannerTopProps {
    mobile?: boolean;
}