UNPKG

@ducor/react

Version:

admin template ui interface

22 lines (21 loc) 1.07 kB
var __rest = (this && this.__rest) || function (s, e) { var t = {}; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; } return t; }; import { jsx as _jsx } from "react/jsx-runtime"; // Container.tsx import { forwardRef } from "react"; import { twMerge } from "tailwind-merge"; const Container = forwardRef((_a, ref) => { var { children, className = "" } = _a, props = __rest(_a, ["children", "className"]); return (_jsx("div", Object.assign({ ref: ref, className: twMerge("max-w-full sm:max-w-screen-sm md:max-w-screen-md lg:max-w-screen-lg xl:max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8", className) }, props, { children: children }))); }); Container.displayName = "Container"; export default Container;