@atlaskit/page-layout
Version:
A collection of components which let you compose an application's page layout.
33 lines (31 loc) • 963 B
JavaScript
/**
* @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';
var 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)
*/
var Content = function Content(props) {
var children = props.children,
testId = props.testId;
return jsx("div", {
"data-testid": testId,
css: contentStyles
}, children);
};
export default Content;