import { type CSSProperties } from 'react'; import { type SIconName } from '../SIcon'; import { type SButtonColor } from '../SButton/button.config'; export type SDropdownButtonSize = 'xs' | 'sm' | 'md'; export interface SDropdownButtonItem { value: string | number; label: string; icon?: SIconName; disabled?: boolean; } export interface SDropdownButtonHandle { /** 드롭다운 열기 (sdOpen) */ open: () => void; /** 드롭다운 닫기 (sdClose) */ close: () => void; } export interface SDropdownButtonProps { /** 버튼 색상 */ color?: SButtonColor; /** 아웃라인(테두리) 스타일 */ outline?: boolean; /** 크기 (lg 미지원) */ size?: SDropdownButtonSize; /** 버튼 레이블 */ label?: string; /** 메뉴 아이템 목록 */ items?: SDropdownButtonItem[]; /** split 모드 — 레이블 버튼과 토글 분리 */ split?: boolean; /** 비활성 */ disabled?: boolean; /** 메뉴 아이템 선택 (sdClick) */ onItemClick?: (value: string | number) => void; /** split 레이블 버튼 클릭 (sdButtonClick) */ onLabelClick?: () => void; /** 열림/닫힘 변경 (sdDropDownShow) */ onOpenChange?: (open: boolean) => void; className?: string; style?: CSSProperties; } export declare const SDropdownButton: import("react").ForwardRefExoticComponent>;