terriajs
Version:
Geospatial data visualization platform.
17 lines • 1.03 kB
JavaScript
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import { useTheme } from "styled-components";
import { TextSpan } from "../Styled/Text";
import Box from "../Styled/Box";
const BadgeBar = (props) => {
const theme = useTheme();
return (_jsxs(Box, { flex: true, column: true, styledMargin: "0 15px", justifySpaceBetween: true, whiteSpace: "nowrap", styledMinHeight: "70px", verticalCenter: true, css: `
border-top: 1px solid ${theme.darkLighter};
border-bottom: 1px solid ${theme.darkLighter};
justify-content: space-evenly;
align-items: center;
`, children: [_jsx(Box, { children: _jsxs(TextSpan, { textLight: true, uppercase: true, overflowHide: true, overflowEllipsis: true, children: [props.label, " ", props.badge !== undefined ? `(${props.badge})` : null] }) }), _jsx(Box, { flex: true, styledWidth: "100%", css: `
justify-content: space-between;
`, children: props.children })] }));
};
export default BadgeBar;
//# sourceMappingURL=BadgeBar.js.map