@datalayer/core
Version:
**Datalayer Core**
20 lines (19 loc) • 1.07 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
/**
* Layout
*/
export const Container = ({ children, style }) => _jsx("div", { style: { maxWidth: 1024, margin: '0 auto', ...style }, children: children });
export function RedlineBackground({ height, hasBorder = true, ...rest }) {
return (_jsx("div", { style: {
display: 'flex',
overflow: 'hidden',
border: hasBorder ? '1px solid var(--base-color-scale-red-2)' : undefined,
backgroundImage: 'linear-gradient(45deg, var(--base-color-scale-red-0) 12.5%, hsla(var(--base-color-scale-red-2-hsl) / 50%) 12.5%, hsla(var(--base-color-scale-red-2-hsl) / 50%) 50%, var(--base-color-scale-red-0) 50%, var(--base-color-scale-red-0) 62.5%, hsla(var(--base-color-scale-red-2-hsl) / 50%) 62.5%, hsla(var(--base-color-scale-red-2-hsl) / 50%) 100%)',
backgroundSize: '5.66px 5.66px',
WebkitBoxPack: 'center',
justifyContent: 'center',
alignItems: 'center',
width: '100%',
height
}, ...rest }));
}