import * as React from "react";
import { ChildStyleProps } from "../../theme/styles/child.js";
import { ColorStyleProps } from "../../theme/styles/color.js";
import { DimensionStyleProps } from "../../theme/styles/dimension.js";
import { DisplayStyleProps } from "../../theme/styles/display.js";
import { OverflowStyleProps } from "../../theme/styles/overflow.js";
import { PositionStyleProps } from "../../theme/styles/position.js";
import { SpaceStyleProps } from "../../theme/styles/space.js";
import { Children, Circumference } from "../../types.js";
export type ViewPanelProps = {
    className?: string;
    style?: React.CSSProperties;
    id?: string;
    children?: Children;
    /** CSS `borderRadius` property. */
    borderRadius?: Circumference;
    /** CSS `fontSize` property. */
    fontSize?: string;
    /** If defined, the panel will keep `width / height = aspectRatio`. */
    aspectRatio?: number;
    /** Added to attribute "title". */
    tooltip?: string;
    /** Used for focus. */
    tabIndex?: number;
} & ColorStyleProps & SpaceStyleProps & DimensionStyleProps & OverflowStyleProps & DisplayStyleProps & PositionStyleProps & ChildStyleProps;
export declare function ViewPanel(props: ViewPanelProps): import("react/jsx-runtime").JSX.Element;
export declare function makeCustomPanel<T extends Partial<ViewPanelProps>>(defaultProps: T): (props: Omit<ViewPanelProps, keyof T>) => React.ReactElement<Omit<ViewPanelProps, keyof T>>;
//# sourceMappingURL=Panel.d.ts.map