import React from 'react';
import { CardMediaProps } from '@material-ui/core';
import { ComponentExtra } from '../../types';
import { FooterColumnType } from './components/Column';
import { FooterItemType } from './components/Item';
export interface FooterProps {
    /**
     * The content of the bottom banner. Leave to undefined if you don't want one.
     */
    bottomBanner?: React.ReactNode;
    /**
     * The Footer's children. You can use Footer.Column & Footer.Item components
     * or bring any component you want.
     */
    children?: React.ReactNode;
    /**
     * The ref to attach to the footer element.
     */
    forwardedRef?: React.Ref<HTMLDivElement>;
    /**
     * The footer's background image. Please refer to MUI's CardMedia's props for the exhaustive list:
     * https://material-ui.com/api/card-media/.
     */
    image?: CardMediaProps;
    /**
     * The footer's title.
     */
    title?: string;
}
export interface FooterComponents {
    Column: FooterColumnType;
    Item: FooterItemType;
}
export declare type FooterType = ComponentExtra<FooterProps, FooterComponents>;
declare const FooterExtra: ComponentExtra<FooterProps, FooterComponents, "div">;
export default FooterExtra;