import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
import "react";
import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
import * as __WEBPACK_EXTERNAL_MODULE_classnames__ from "classnames";
import * as __WEBPACK_EXTERNAL_MODULE_dayjs__ from "dayjs";
const ReadPretty = (props)=>{
    const { value, format = 'HH:mm:ss' } = props;
    const prefixCls = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_components__.usePrefixCls)('description-text', props);
    const values = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.toArr)(value);
    const getLabels = ()=>{
        const labels = values.map((v)=>(0, __WEBPACK_EXTERNAL_MODULE_dayjs__["default"])(v, 'HH:mm:ss').format(format));
        return labels.join('~');
    };
    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
        className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])(prefixCls, props.className),
        style: props.style,
        children: getLabels()
    });
};
export { ReadPretty };
