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

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

/**
 * @jsxRuntime classic
 * @jsx jsx
 */

// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css, jsx } from '@emotion/react';
import { CONTENT } from '../../common/constants';
const contentStyles = 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: 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)
 */
const Content = props => {
  const {
    children,
    testId
  } = props;
  return jsx("div", {
    "data-testid": testId,
    css: contentStyles
  }, children);
};
export default Content;