import React from "react";
import { locales } from "@pisell/utils";
import classNames from "classnames";
import "./index.less";
//#region src/plus/saleDetail/components/OrderNote/index.tsx
const PREFIX = "pisell-sale-detail-order-note";
function OrderNote({ dataSource, className }) {
	return /* @__PURE__ */ React.createElement("section", { className: classNames(PREFIX, className) }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__card` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__content` }, /* @__PURE__ */ React.createElement("span", { className: `${PREFIX}__label` }, locales.getText("pisell2.sale-detail.order-note")), /* @__PURE__ */ React.createElement("span", { className: `${PREFIX}__separator` }, "—"), /* @__PURE__ */ React.createElement("span", { className: `${PREFIX}__text` }, dataSource)), /* @__PURE__ */ React.createElement("button", {
		className: `${PREFIX}__change`,
		type: "button"
	}, locales.getText("pisell2.sale-detail.change"))));
}
//#endregion
export { OrderNote };
