/// <reference types="react" />
import { type PanelProps } from "../..";
export interface StyledProps {
    /**
     * current element id
     * @defaultValue ""
     * @optional
     * @type string
     */
    id?: React.HtmlHTMLAttributes<HTMLDivElement>["id"];
    /**
     * Outline Panel Property
     *
     * @example
     * <Scrollbars
     * 		panelProps={{
     * 			variant: 'box',
     * 			width: 300,
     * 		}}
     * />
     */
    panelProps?: PanelProps;
    /**
     * React Element
     */
    children?: React.ReactNode;
    /**
     * Width pixel
     */
    width?: number | string;
    /**
     * Height pixel
     */
    height?: number | string;
    /**
     * Title Text
     *
     * @default undefined
     */
    title?: string;
    /**
     * Set the typography type
     *
     * @default body1
     */
    titleVariant?: "h1" | "body1" | "body2" | "body3";
    /**
     * Set the text color
     *
     * @default primary
     */
    titleColor?: "primary" | "secondary" | "third" | "disable";
    /**
     * Set the text align
     *
     * @default left
     */
    titleAlign?: "left" | "center" | "right";
}
declare const ThemedComponent: (props: StyledProps) => import("react/jsx-runtime").JSX.Element;
export default ThemedComponent;
//# sourceMappingURL=Styled.d.ts.map