/// <reference types="react" />
import type { PDSIconType, PDSTextType, UiColors } from '../../../common/types';
type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
export type BoxItemProps = {
    selectionMode?: 'none' | 'use';
    state?: 'normal' | 'disabled';
    checkboxMode?: 'none' | 'check' | 'indeterminate';
    indicatorMode?: 'none' | 'use';
    selectState?: 'unselected' | 'selected';
    titleText?: PDSTextType;
    titleFontSize?: 'subTitleBold' | 'leadParaBold' | 'body2Bold' | 'headingBold';
    titleTextLineLimit?: number;
    titleTextColorKey?: UiColors;
    titleTextWordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
    descText?: PDSTextType;
    descTextColorKey?: UiColors;
    descLineLimit?: number;
    descTextWordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
    imageMode?: 'use' | 'none';
    imageShapeType?: 'round' | 'circular' | 'rectangle';
    imageSrc?: string;
    imageWidth?: number | 'responsive';
    imageRatio?: '16_9' | '4_3' | '1_1';
    imageScaleType?: 'none' | 'cover' | 'contain' | 'fill';
    chipMode?: 'use' | 'none';
    chipText?: PDSTextType;
    chipOverrideTextColorKey?: UiColors;
    chipOverrideBackgroundColorKey?: UiColors;
    displayType?: 'none' | 'ibtn_amount1' | 'ibtn_amount2' | 'ibtn_amount3';
    iBtn1IconName?: PDSIconType;
    iBtn1IconFillType?: 'fill' | 'line';
    iBtn1IconColorKey?: UiColors;
    iBtn2IconName?: PDSIconType;
    iBtn2IconFillType?: 'fill' | 'line';
    iBtn2IconColorKey?: UiColors;
    iBtn3IconName?: PDSIconType;
    iBtn3IconFillType?: 'fill' | 'line';
    iBtn3IconColorKey?: UiColors;
    overrideBorderColorKey?: UiColors;
    paddingTop?: PaddingSpacingType;
    paddingRight?: PaddingSpacingType;
    paddingBottom?: PaddingSpacingType;
    paddingLeft?: PaddingSpacingType;
    id: number | string;
    onClick?: (id: number | string) => void;
    onClickIBtn1?: (id: number | string) => void;
    onClickIBtn2?: (id: number | string) => void;
    onClickIBtn3?: (id: number | string) => void;
};
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 BoxItem({ selectionMode, checkboxMode, indicatorMode, state, selectState, titleText, titleFontSize, titleTextLineLimit, titleTextColorKey, titleTextWordBreak, descText, descTextColorKey, descLineLimit, descTextWordBreak, imageMode, imageShapeType, imageSrc, imageWidth, imageRatio, imageScaleType, chipMode, chipText, chipOverrideTextColorKey, chipOverrideBackgroundColorKey, displayType, iBtn1IconName, iBtn1IconFillType, iBtn1IconColorKey, iBtn2IconName, iBtn2IconFillType, iBtn2IconColorKey, iBtn3IconName, overrideBorderColorKey, iBtn3IconFillType, iBtn3IconColorKey, paddingTop, paddingRight, paddingBottom, paddingLeft, id, onClick, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: BoxItemProps): JSX.Element;
export default BoxItem;