@caffeinebounce/ui 0.62.2

package/dist/chunk-C4UT5V3P.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var sizeClasses = {
+  narrow: "max-w-screen-sm",
+  // 640px
+  default: "max-w-screen-xl",
+  // 1280px
+  wide: "max-w-screen-2xl",
+  // 1536px
+  full: "max-w-full"
+};
+var Container = React__namespace.forwardRef(
+  ({
+    className,
+    size = "default",
+    centered = true,
+    padded = true,
+    as: Component = "div",
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(
+          "w-full",
+          sizeClasses[size],
+          centered && "mx-auto",
+          padded && "px-4 sm:px-6 lg:px-8",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Container.displayName = "Container";
+
+exports.Container = Container;