import useTranslateValue from "../../Utils/Translation";
import React from "react";
const PlaceholderText = (props) => {
    var _a;
    const { translateString } = useTranslateValue();
    const translatedText = (_a = translateString(props.text)) !== null && _a !== void 0 ? _a : props.text;
    return (React.createElement("span", { className: "inline-flex items-center gap-1.5 text-gray-400 italic text-sm select-none px-2 py-0.5 rounded-md bg-gray-50 border border-dashed border-gray-200" },
        React.createElement("svg", { className: "w-3.5 h-3.5 text-gray-300", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M20 12H4" })),
        translatedText));
};
export default PlaceholderText;
//# sourceMappingURL=PlaceholderText.js.map