1 | import { __rest } from "tslib";
|
2 | import * as React from 'react';
|
3 | import styles from '@patternfly/react-styles/css/components/Masthead/masthead';
|
4 | import { css } from '@patternfly/react-styles';
|
5 | import { formatBreakpointMods } from '../../helpers/util';
|
6 | import { PageContext } from '../Page/Page';
|
7 | export const Masthead = (_a) => {
|
8 | var { children, className, backgroundColor = 'dark', display = {
|
9 | md: 'inline'
|
10 | }, inset } = _a, props = __rest(_a, ["children", "className", "backgroundColor", "display", "inset"]);
|
11 | const { width, getBreakpoint } = React.useContext(PageContext);
|
12 | return (React.createElement("header", Object.assign({ className: css(styles.masthead, formatBreakpointMods(display, styles, 'display-', getBreakpoint(width)), formatBreakpointMods(inset, styles, '', getBreakpoint(width)), backgroundColor === 'light' && styles.modifiers.light, backgroundColor === 'light200' && styles.modifiers.light_200, className) }, props), children));
|
13 | };
|
14 | Masthead.displayName = 'Masthead';
|
15 |
|
\ | No newline at end of file |