@playbooks/ui/dist/grid.cjs

An interface library for Playbooks.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require$$0 = require("react/jsx-runtime");
const html = require("./toast-context-kVz4KXNu.cjs");
const Container = ({
  name = "Container",
  size,
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.container({ size });
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const Grid = ({ name = "Grid", cols = "12", tailwind, className, children, ...props }) => {
  const { theme } = html.useInterface();
  const base = theme.grid({ cols });
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
const Col = ({
  name = "Col",
  span = "12",
  sm,
  md,
  lg,
  xl,
  xxl,
  tailwind,
  className,
  children,
  ...props
}) => {
  const { theme } = html.useInterface();
  const base = theme.col({ span, sm, md, lg, xl, xxl });
  const computed = { ...base, ...props, tailwind, className, name };
  return /* @__PURE__ */ require$$0.jsx(html.Div, { ...computed, children });
};
exports.Col = Col;
exports.Container = Container;
exports.Grid = Grid;