import { CSSProperties } from 'react';
import { SpinnerSize } from '../../type.js';

/** 케이스를 세로로 쌓는 섹션 컨테이너 스타일 */
declare const SECTION_COLUMN_STYLE: CSSProperties;
/** 케이스를 가로로 나열하는 행 스타일 */
declare const ROW_STYLE: CSSProperties;
/** 한 케이스(스피너 + 캡션)를 세로로 묶는 셀 스타일 */
declare const CASE_CELL_STYLE: CSSProperties;
/** 케이스 캡션(크기/색상 이름) 텍스트 스타일 */
declare const CAPTION_STYLE: CSSProperties;
/** Variants — 크기 시연에 사용하는 size 카탈로그 (sm/md/lg/xl 4종) */
declare const SPINNER_SIZE_CASES: readonly {
    size: SpinnerSize;
    label: string;
}[];
/** Variants — 색상 시연에 사용하는 color 카탈로그 (5종) */
declare const SPINNER_COLOR_CASES: readonly {
    color: string;
    label: string;
}[];
/** Variants — 반응형 크기 시연에 사용하는 브레이크포인트별 size 설정 */
declare const RESPONSIVE_SIZE: {
    readonly mobile: "sm";
    readonly tablet: "md";
    readonly desktop: "lg";
};

export { CAPTION_STYLE, CASE_CELL_STYLE, RESPONSIVE_SIZE, ROW_STYLE, SECTION_COLUMN_STYLE, SPINNER_COLOR_CASES, SPINNER_SIZE_CASES };