import { default as React } from 'react';
import { TimePickerProps } from 'antd';
/**
 * 상태별 스타일 처리 방식
 * - 인라인 `style`은 specificity가 가장 높아 hover/active(클래스)로 덮을 수 없다.
 *   그래서 default(`style`)도 인라인으로 넘기지 않고 클래스 CSS로 주입해
 *   "base → hover → active" 순서로 덮어쓰기가 되도록 한다.
 * - border/background 같은 box 속성은 컨테이너(.ant-picker)에 적용하고,
 *   fontSize/fontWeight/color 같은 텍스트 속성은 입력(input)이 컨테이너 값을
 *   상속(inherit)하게 만들어 한 번의 스타일 객체로 같이 처리한다.
 *
 * (대안) antd 네이티브 방식인 ConfigProvider 테마 토큰:
 *   <ConfigProvider
 *     theme={{ components: { DatePicker: {
 *       hoverBorderColor: "#9ca3af",
 *       activeBorderColor: "#2563eb",
 *       activeShadow: "0 0 0 2px rgba(37,99,235,0.2)",
 *     } } }}
 *   >
 *     <TimePicker />
 *   </ConfigProvider>
 */
export interface DsTimePickerProps extends TimePickerProps {
    /** 기본(base) 스타일. border/background/fontSize/color 등 자유롭게 지정 */
    style?: React.CSSProperties;
    /** hover 상태에서 base 위에 덮어쓸 스타일 */
    hoverStyle?: React.CSSProperties;
    /** active(focus) 상태에서 base/hover 위에 덮어쓸 스타일 */
    activeStyle?: React.CSSProperties;
}
declare const TimePicker: React.FC<DsTimePickerProps>;
export default TimePicker;
