@coko/client/dist/ui/common/Ribbon.js

Client side common code for coko apps

import { grid as e } from "../../toolkit/themeHelper.js";
import t from "../../toolkit/override.js";
import "../../toolkit/index.js";
import "react";
import n, { css as r } from "styled-components";
import { jsx as i } from "react/jsx-runtime";
//#region src/ui/common/Ribbon.tsx
var a = n.div`
  background: ${(e) => {
	let { $status: t } = e;
	return t === "success" ? e.theme.colorSuccess : t === "error" || t === "danger" ? e.theme.colorError : e.theme.colorSecondary;
}};
  border-radius: ${(e) => e.theme.borderRadius};
  color: ${(e) => {
	let { $status: t } = e;
	return t === "success" || t === "error" || t === "danger" ? e.theme.colorTextReverse : e.theme.colorText;
}};
  padding: ${e(.5)} ${e(2)};
  text-align: center;

  ${(e) => e.$hide && r`
      visibility: hidden;
    `}

  ${t("ui.Ribbon")};
`, o = (e) => {
	let { className: t, children: n, hide: r = !1, status: o = null, ...s } = e;
	return /* @__PURE__ */ i(a, {
		$hide: r,
		$status: o,
		className: t,
		...s,
		children: n
	});
};
//#endregion
export { o as default };