@tolokoban/ui
Version:
React components with theme
28 lines • 1.49 kB
TypeScript
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