import type { UiColors } from '../../../common';
import type { CSSProperties } from 'react';
type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
export type AnnotationSheetProps = {
    width: string;
    height: string;
    backgroundColorTheme?: 'transparent' | 'white' | 'black' | 'base1' | 'base2' | 'base3';
    overrideBackgroundColorKey?: UiColors;
    borderMode?: 'none' | 'use';
    borderWidth?: 1 | 2;
    borderColorTheme?: 'grey' | 'blue' | 'green';
    overrideBorderColorKey?: UiColors;
    shapeType?: 'rectangle' | 'round';
    radius?: 8 | 16 | 24;
    paddingTop?: PaddingSpacingType;
    paddingRight?: PaddingSpacingType;
    paddingBottom?: PaddingSpacingType;
    paddingLeft?: PaddingSpacingType;
    overrideCSS?: CSSProperties;
    children: React.ReactNode;
    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
};
export type StyleProps = {
    $width?: string;
    $height?: string;
    $backgroundColorTheme?: 'transparent' | 'white' | 'black' | 'base1' | 'base2' | 'base3';
    overrideBackgroundColorKey?: UiColors;
    borderMode?: 'none' | 'use';
    $borderWidth?: 1 | 2;
    $borderColorTheme?: 'grey' | 'blue' | 'green';
    overrideBorderColorKey?: UiColors;
    shapeType?: 'rectangle' | 'round';
    $radius?: 8 | 16 | 24;
    paddingTop?: PaddingSpacingType;
    paddingRight?: PaddingSpacingType;
    paddingBottom?: PaddingSpacingType;
    paddingLeft?: PaddingSpacingType;
};
declare const paddingSpacing: {
    readonly spacing_a: "spacingA";
    readonly spacing_b: "spacingB";
    readonly spacing_c: "spacingC";
    readonly spacing_d: "spacingD";
    readonly spacing_e: "spacingE";
    readonly spacing_f: "spacingF";
    readonly spacing_g: "spacingG";
    readonly spacing_h: "spacingH";
    readonly spacing_i: "spacingI";
    readonly spacing_j: "spacingJ";
    readonly spacing_k: "spacingK";
    readonly spacing_l: "spacingL";
    readonly spacing_m: "spacingM";
    readonly spacing_n: "spacingN";
};
declare function AnnotationSheet({ width, height, backgroundColorTheme, overrideBackgroundColorKey, borderMode, borderWidth, borderColorTheme, overrideBorderColorKey, shapeType, radius, paddingTop, paddingRight, paddingBottom, paddingLeft, overrideCSS, children, onClick }: AnnotationSheetProps): JSX.Element;
export default AnnotationSheet;