import React from 'react';
import { type PaperProps as MuiPaperProps } from '@mui/material/Paper';
import { type ThemePaletteSemanticColors } from '../styles';
/**
 * Material UI has a known typescript problem with components that uses the 'component' prop:
 *
 * @see https://github.com/mui/material-ui/pull/32404#issuecomment-1105228783
 *
 * Therefore, adding a workaround by extending the source MenuProps interface and adding the 'component' prop.
 *
 * At the moment that the following PR is merged, this workaround can probably be removed:
 *
 * @see https://github.com/mui/material-ui/pull/35924
 *
 * Once the PR is merged, verify the fix by making sure that there is no typescript error in the following code:
 *
 * <Paper component="div" />
 *
 * The following components share the same problem: Button, IconButton, ToggleButton, List, ListItem, ListItemButton, MenuList, Menu, MenuItem, Paper, Dialog, Drawer, Typography.
 */
export interface PaperProps extends MuiPaperProps {
    component?: React.ElementType;
    color?: 'default' | ThemePaletteSemanticColors;
}
/**
 * Modified reasons:
 *
 * - Material UI Typescript problem with the 'component' prop.
 * - Added a color prop to support additional surface colors.
 */
declare const Paper: React.FC<PaperProps>;
export default Paper;