import React from 'react';
import { formatTime } from "../utils";

/**
 * TimeDisplay 组件 Props
 */

/**
 * 时间展示组件
 *
 * @description
 * - 格式化并展示时间
 * - 支持 12/24 小时制
 * - 支持显示秒
 * - 支持小时补零
 *
 * @example
 * <TimeDisplay
 *   time={dayjs()}
 *   format={{ use12Hour: false, showSeconds: true }}
 *   style={{ fontSize: 24, fontWeight: 600, color: '#000' }}
 * />
 */
export var TimeDisplay = function TimeDisplay(_ref) {
  var time = _ref.time,
    format = _ref.format,
    style = _ref.style,
    className = _ref.className;
  // 格式化时间
  var formattedTime = formatTime(time, format);

  // 构建样式
  var inlineStyle = {
    fontSize: style === null || style === void 0 ? void 0 : style.fontSize,
    fontWeight: style === null || style === void 0 ? void 0 : style.fontWeight,
    color: style === null || style === void 0 ? void 0 : style.color,
    lineHeight: style === null || style === void 0 ? void 0 : style.lineHeight
  };
  return /*#__PURE__*/React.createElement("span", {
    className: "pisell-datetime-display-time ".concat(className || '').trim(),
    style: inlineStyle
  }, formattedTime);
};
export default TimeDisplay;