import { forwardRef } from 'react';
import classnames from 'classnames';
import { P as PropTypes } from '../index-DAYCJu79.js';
import { jsx } from 'react/jsx-runtime';
import '../_commonjsHelpers-BFTU3MAI.js';

var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
  var _ref$isHeaderFixed = _ref.isHeaderFixed,
    isHeaderFixed = _ref$isHeaderFixed === void 0 ? false : _ref$isHeaderFixed,
    _ref$className = _ref.className,
    className = _ref$className === void 0 ? "" : _ref$className,
    children = _ref.children;
  return /*#__PURE__*/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", className),
    children: children
  });
});
Container.displayName = "Container";
Container.propTypes = {
  /**
   * Decides whether the `Header` component should be stickied at the top on scroll.
   */
  isHeaderFixed: PropTypes.bool,
  /**
   * Additional classes to be added to the container.
   */
  className: PropTypes.string
};

export { Container as default };
//# sourceMappingURL=Container.js.map
