import * as React from 'react';
import type { CommonProps, PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../utils/index.js';
import '@itwin/itwinui-css/css/surface.css';
declare type SurfaceHeaderOwnProps = {};
export declare type SurfaceHeaderProps<T extends React.ElementType = 'div'> = PolymorphicComponentProps<T, SurfaceHeaderOwnProps>;
declare type SurfaceBodyOwnProps = {
    /**
     * Gives padding to the surface body
     */
    isPadded?: boolean;
};
export declare type SurfaceBodyProps<T extends React.ElementType = 'div'> = PolymorphicComponentProps<T, SurfaceBodyOwnProps>;
export declare type SurfaceProps = {
    /**
     * Sets the elevation of the surface
     */
    elevation?: 0 | 1 | 2 | 3 | 4 | 5;
    /**
     * Content in the surface.
     */
    children: React.ReactNode;
} & Omit<CommonProps, 'title'>;
/**
 * The Surface container allows content to appear elevated through the use of a drop shadow
 * @example
 * <Surface>Surface Content</Surface>
 * <Surface elevation={2}>Surface Content</Surface>
 * <Surface>
 *   <Surface.Header>Surface Header Content</Surface.Header>
 *   <Surface.Body isPadded={true}>Surface Body Content</Surface.Body>
 * </Surface>
 */
export declare const Surface: React.ForwardRefExoticComponent<{
    /**
     * Sets the elevation of the surface
     */
    elevation?: 0 | 1 | 2 | 3 | 4 | 5 | undefined;
    /**
     * Content in the surface.
     */
    children: React.ReactNode;
} & Omit<CommonProps, "title"> & React.RefAttributes<HTMLDivElement>> & {
    /**
     * 	Surface header subcomponent
     */
    Header: PolymorphicForwardRefComponent<"div", SurfaceHeaderOwnProps>;
    /**
     * 	Surface body subcomponent. Additional padding can be added to the body through the 'isPadded' prop
     */
    Body: PolymorphicForwardRefComponent<"div", SurfaceBodyOwnProps>;
};
export default Surface;