@kadconsulting/dry
Version:
KAD Reusable Component Library
27 lines • 1.15 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export const BackgroundWrapper = ({ children, backgroundColor, }) => {
const HEIGHT = '200px';
return (_jsxs("div", { style: { height: '120px', padding: '64px 48px', overflowY: 'hidden' }, children: [_jsx("div", { style: { height: '100%', minHeight: HEIGHT } }), _jsx("div", { style: {
backgroundColor,
top: 0,
left: 0,
width: '100%',
height: HEIGHT,
display: 'flex',
minHeight: '200px',
position: 'absolute',
alignItems: 'center',
padding: '48px 48px',
}, children: children })] }));
};
// TODO: Use JJ's Card instead and remove
export const Surface = ({ children, backgroundColor, }) => (_jsx("div", { style: {
backgroundColor,
width: '100%',
display: 'flex',
height: '120px',
borderRadius: '8px',
alignItems: 'center',
padding: '48px 32px',
}, children: children }));
//# sourceMappingURL=helpers.js.map