jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
40 lines (37 loc) • 1.42 kB
JavaScript
import { __rest } from '../../../../../node_modules/tslib/tslib.es6.js';
import React__default from 'react';
import styled from 'styled-components';
import { color } from '../../../../../node_modules/@styled-system/color/dist/index.esm.js';
import { space } from '../../../../../node_modules/@styled-system/space/dist/index.esm.js';
import '../../../../../node_modules/styled-system/dist/index.esm.js';
/**
* @file index.tsx
*
* @fileoverview Shows a flat banner to use on landing pages.
*/
const StyledFlatBanner = styled.div `
background: ${props => props.theme.flatbanner.backgroundColor[props.flatbannerStyle]};
color: ${props => props.theme.flatbanner.color};
padding: ${props => props.theme.flatbanner.padding};
border-width: 1;
align-items: center;
justify-content: center;
display: flex;
flex: 1;
flex-direction: column;
${space}
${color}
`;
const StyledFlatBannerText = styled.div `
padding: 1rem;
border-width: 1;
`;
/**
* This component provides a text with backgroud color.
*/
const FlatBanner = (_a) => {
var { children, flatbannerStyle = 'primary' } = _a, props = __rest(_a, ["children", "flatbannerStyle"]);
return (React__default.createElement(StyledFlatBanner, Object.assign({ flatbannerStyle: flatbannerStyle }, props),
React__default.createElement(StyledFlatBannerText, null, children)));
};
export { FlatBanner, StyledFlatBanner };