'use strict';

var React = require('react');
var classnames = require('classnames');
var index = require('../index-JY2zVpnv.js');
var jsxRuntime = require('react/jsx-runtime');
require('../_commonjsHelpers-BJu3ubxk.js');

var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
  var _ref$isHeaderFixed = _ref.isHeaderFixed,
    isHeaderFixed = _ref$isHeaderFixed === void 0 ? false : _ref$isHeaderFixed,
    _ref$hasBottomSpacing = _ref.hasBottomSpacing,
    hasBottomSpacing = _ref$hasBottomSpacing === void 0 ? false : _ref$hasBottomSpacing,
    _ref$className = _ref.className,
    className = _ref$className === void 0 ? "" : _ref$className,
    children = _ref.children;
  return /*#__PURE__*/jsxRuntime.jsx("div", {
    ref: ref,
    className: classnames("flex h-dvh grow flex-col items-start justify-start overflow-y-auto", isHeaderFixed ? "[&>*]:px-5 [&>*]:md:px-10" : "px-5 md:px-10", !isHeaderFixed && hasBottomSpacing && "pb-5 md:pb-10", className),
    children: children
  });
});
Container.displayName = "Container";
Container.propTypes = {
  /**
   * Decides whether the `Header` component should be stickied at the top on scroll.
   */
  isHeaderFixed: index.PropTypes.bool,
  /**
   * Adds bottom padding (`pb-5 md:pb-10`) to the container so the last content has breathing room before the viewport edge.
   * Ignored when `isHeaderFixed` is `true` — in that mode, apply bottom padding to your scrollable child instead.
   */
  hasBottomSpacing: index.PropTypes.bool,
  /**
   * Additional classes to be added to the container.
   */
  className: index.PropTypes.string
};

module.exports = Container;
//# sourceMappingURL=Container.js.map
