import { ReactNode } from 'react';
import { BreakpointSupport } from '../../../../helpers';
export type FooterSidePlacement = 'start' | 'end';
export type FooterSidePosition = 'start' | 'center' | 'end';
export interface FooterSideBaseProps {
    /**
     * Where the side slot sits relative to `<Footer.Body>`. `'start'` renders before the body
     * (left on LTR, and first — above the sections — once the footer stacks on mobile); `'end'`
     * renders after the body (right on LTR, and last — below the sections — when stacked).
     *
     * Accepts breakpoint props, so the logo can sit on the side on desktop and drop to the bottom
     * on mobile — e.g. `placement="end" sm={{ placement: 'start' }}` keeps the logo on the left
     * from `sm` up and moves it to the last position once the footer collapses to its stacked layout.
     * @default start
     */
    placement?: FooterSidePlacement;
    /**
     * Vertical alignment of the contents inside the side slot. Accepts breakpoint props.
     * @default center
     */
    position?: FooterSidePosition;
    /**
     * Side content — typically a `<img>` logo.
     */
    children: ReactNode;
    /**
     * Additional class name on the side wrapper.
     */
    className?: string;
}
export type FooterSideProps = BreakpointSupport<FooterSideBaseProps>;
export declare const FooterSide: {
    (props: FooterSideProps): JSX.Element;
    displayName: string;
};
export default FooterSide;