import React from 'react';
import { type CustomComponentWithChildrenProps, type ThemePaletteSemanticColors } from '../../../styles';
import './Surface.types';
type Blur = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
type Elevation = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
type SurfaceColor = 'default' | ThemePaletteSemanticColors;
type SurfaceTone = 'lighter' | 'base' | 'darker' | 'translucent';
export interface SurfaceProps extends CustomComponentWithChildrenProps {
    /** The blur value is applied only when the variant is translucent. */
    blur?: Blur;
    border?: boolean;
    color?: SurfaceColor;
    viaColor?: SurfaceColor;
    toColor?: SurfaceColor;
    elevation?: Elevation;
    gradientAngle?: number;
    /** The tone value is applied when the color is not default. */
    tone?: SurfaceTone;
    square?: boolean;
    variant?: 'standard' | 'gradient';
    /** The level prop will be deprecated and replaced with tone. */
    level?: SurfaceTone;
}
declare const slots: {
    root: {
        slot: "root";
        name: "MuiSurface";
    };
};
export type SurfaceSlots = keyof typeof slots;
declare const Surface: React.FC<SurfaceProps>;
export default Surface;