import React from 'react';

import {
  CnDatePickerPro as PCCnDatePickerPro,
  CnMonthPickerPro as PCCnMonthPickerPro,
  CnYearPickerPro as PCCnYearPickerPro,
  CnWeekPickerPro as PCCnWeekPickerPro,
  CnQuarterPickerPro as PCCnQuarterPickerPro,
  CnRangeDatePickerPro as PCCnRangeDatePickerPro,
} from '@cainiaofe/cn-ui';

export {
  CnDatePickerPro,
  CnMonthPickerPro,
  CnYearPickerPro,
  CnWeekPickerPro,
  CnQuarterPickerPro,
} from '@cainiaofe/cn-ui';

export const CnDatePicker = (props) => {
  const { precision, ...restProps } = props;

  let componet = <PCCnDatePickerPro {...props} />;

  /** 精度设置："year" | "month" | "day" | "hour" | "minute" | "second" | "week" | "week-day" */
  if (precision === 'month') {
    componet = <PCCnMonthPickerPro {...restProps} />;
  } else if (precision === 'year') {
    componet = <PCCnYearPickerPro {...restProps} />;
  } else if (precision === 'week') {
    componet = <PCCnWeekPickerPro {...restProps} />;
  } else if (precision === 'quarter') {
    componet = <PCCnQuarterPickerPro {...restProps} />;
  } else if (precision === 'hour') {
    componet = (
      <PCCnDatePickerPro showTime {...restProps} format='YYYY-MM-DD HH' />
    );
  } else if (precision === 'minute') {
    componet = (
      <PCCnDatePickerPro showTime {...restProps} format='YYYY-MM-DD HH:mm' />
    );
  } else if (precision === 'second') {
    componet = (
      <PCCnDatePickerPro showTime {...restProps} format='YYYY-MM-DD HH:mm:ss' />
    );
  }
  return componet;
};

export const CnDateRangePickerPro = (props) => {
  return <PCCnRangeDatePickerPro {...props} />;
};