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>;