@atlaskit/page-layout/dist/cjs/components/slots/content.js

A collection of components which let you compose an application's page layout.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("@emotion/react");
var _constants = require("../../common/constants");
/**
 * @jsxRuntime classic
 * @jsx jsx
 */

// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

var contentStyles = (0, _react.css)({
  display: 'flex',
  height: '100%',
  position: 'relative',
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
  gridArea: _constants.CONTENT
});

/**
 * __Content__
 *
 * Provides a slot for your application content within the PageLayout.
 *
 * - [Examples](https://atlassian.design/components/page-layout/examples)
 * - [Code](https://atlassian.design/components/page-layout/code)
 */
var Content = function Content(props) {
  var children = props.children,
    testId = props.testId;
  return (0, _react.jsx)("div", {
    "data-testid": testId,
    css: contentStyles
  }, children);
};
var _default = exports.default = Content;