import React, { HTMLAttributes } from 'react'; import { CSSValueWithLength } from '../../styles'; import { InputGroupDividerVariant, InputGroupSize, InputGroupStatus } from './types'; export interface InputGroupProps extends Omit, 'size'> { /** * @default 'medium' */ size?: InputGroupSize; /** * 필드 테두리 색을 지정합니다. 경고 아이콘이 필요하면 각 세그먼트에 `status`를 지정해주세요. */ status?: InputGroupStatus; disabled?: boolean; width?: CSSValueWithLength; flex?: React.CSSProperties['flex']; /** * 칸을 나누는 구분선의 표현을 지정합니다. `none`이면 구분선을 그리지 않습니다. * @default 'default' */ dividerVariant?: InputGroupDividerVariant; /** * 부모 `InputGroup`의 `dividerVariant`를 자기 `dividerVariant`보다 우선합니다. * * `Input`의 prefix/suffix가 홀로 있을 때는 PDS 1.0 표현(`full`)을 유지하면서, * 그룹 안에 들어가면 그룹의 표현을 따라가도록 하기 위한 내부용입니다. * @default false */ _unstable_inheritsDividerVariant?: boolean; } export declare const InputGroup: React.ForwardRefExoticComponent>;