import { StyledElement } from '../internals/StyledElement.js';
import { default as React } from 'react';
type ElementParts = 'host' | 'grid';
/**
 * 정보 섹션 — `u-info-field` 들의 반응형 그리드.
 *
 * ★**열 수를 소비자가 세지 않는다.** 손으로 짠 라벨-값 그리드의 실패는 대부분
 *   *"열 수를 화면마다 다르게 하드코딩"* 이다 — 그러면 태블릿에서만 칸이 어긋나고,
 *   그 화면을 아무도 안 열어 봐서 오래 남는다. 여기서는 **컨테이너 폭**이 열 수를 정한다
 *   (미디어 쿼리가 아니라 `auto-fit` — 사이드 패널 안에 들어가도 맞는다).
 *
 * ```html
 * <u-info-section>
 *   <u-info-field label="파트" .value=${'일반'}></u-info-field>
 *   <u-info-field label="부수" .value=${0} numeric></u-info-field>
 * </u-info-section>
 * ```
 *
 * `min` 으로 한 칸의 최소 폭을 조절한다(기본 160px). 라벨이 긴 도메인은 값을 올린다.
 */
export declare class InfoSection extends StyledElement<ElementParts> {
    static styles: import('lit').CSSResultGroup[];
    /** 한 칸의 최소 폭(px). 이 값보다 좁아지면 열 수가 줄어든다. */
    min: number;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'u-info-section': InfoSection;
    }
}
declare module 'react' {
    namespace JSX {
        interface IntrinsicElements {
            'u-info-section': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
                min?: number | string;
            };
        }
    }
}
export {};