@kloudlite/design-system/mjs/atoms/container.js

A design system for building ambitious products.

"use client";

// components/utils.tsx
import classNames from "classnames";
import { useMemo } from "react";
import { v4 } from "uuid";
var cn = (...props) => {
  return classNames(...props);
};

// components/atoms/container.tsx
import { jsx } from "react/jsx-runtime";
var Container = ({ children, className = "" }) => {
  return /* @__PURE__ */ jsx(
    "div",
    {
      className: cn("kl-flex kl-flex-1 kl-justify-center kl-px-8xl", className),
      children: /* @__PURE__ */ jsx("div", { className: cn("kl-flex-1 kl-w-full kl-max-w-8xl kl-min-w-[320px]"), children })
    }
  );
};
var container_default = Container;
export {
  container_default as default
};