type SegmentedControlSize = 'sm' | 'md';
export interface SegmentedControlProps {
    valueList: {
        key: string;
        name: string;
    }[];
    selectedValue: string;
    size?: SegmentedControlSize;
    name?: string;
    onChange: (value: string) => void;
}
/**
 * 여러 옵션 중 하나를 선택할 수 있는 세그먼트 컨트롤 컴포넌트입니다.
 *
 * @param {Object} props
 * @param {'sm' | 'md'} [props.size='md'] - 세그먼트 컨트롤 크기
 * @param {Array<{key: string, name: string}>} props.valueList - 선택 가능한 옵션들의 배열 ({key, name}[])
 * @param {string} props.selectedValue - 현재 선택된 옵션의 key 값
 * @param {string} [props.name='segmented-control'] - 라디오 그룹의 name 속성
 * @param {(value: string) => void} props.onChange - 선택 값이 변경될 때 호출되는 콜백 함수
 *
 * @example
 * ```tsx
 * const options = [
 *   { key: 'daily', name: '일간' },
 *   { key: 'weekly', name: '주간' },
 *   { key: 'monthly', name: '월간' }
 * ];
 *
 * const [selected, setSelected] = useState('daily');
 *
 * return (
 *   <SegmentedControl
 *     valueList={options}
 *     selectedValue={selected}
 *     onChange={setSelected}
 *   />
 * );
 * ```
 */
declare const SegmentedControl: ({ valueList, selectedValue, size, name, onChange, }: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
export { SegmentedControl };