/// <reference types="react" />
import { type BoxProps } from '@mui/material/Box';
import { MarginTypes } from '../../Style/Margin';
import { PaddingTypes } from '../../Style/Padding';
export type StyledProps = {
    /**
     * current element id
     * @defaultValue ""
     * @optional
     * @type string
     */
    id?: React.HtmlHTMLAttributes<HTMLDivElement>["id"];
    /**
     * Panel inner contents
     */
    children?: React.ReactNode;
    /**
     * `shadow` panel or `strock` panel
     * @defaultValue 'shadow'
     */
    variant?: "box" | "shadow" | "shadow2" | "strock";
    /**
     * Set the width of panel
     * @defaultValue 'fit-content'
     */
    width?: number | string;
    /**
     * Set the height of panel
     * @defaultValue 'fit-content'
     */
    height?: number | string;
    /**
     * Set the flexItem of panel
     * @defaultValue false
     */
    flexItem?: boolean;
    /**
     * Set the backgroundColor of panel
     */
    backgroundColor?: string;
    /**
     * Set the borderRadius of panel
     */
    borderRadius?: number | string;
    /**
     * Set the border of panel
     */
    border?: string;
    /**
     * Set the position relative of panel
     */
    relative?: boolean;
} & MarginTypes & PaddingTypes & BoxProps;
declare const ThemedComponent: (props: StyledProps) => import("react/jsx-runtime").JSX.Element;
export default ThemedComponent;
//# sourceMappingURL=Styled.d.ts.map