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