terriajs
Version:
Geospatial data visualization platform.
16 lines • 878 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useTheme } from "styled-components";
import { BoxSpan } from "../../../Styled/Box";
import Button from "../../../Styled/Button";
import { TextSpan } from "../../../Styled/Text";
import { GLYPHS, StyledIcon } from "../../../Styled/Icon";
const BackButton = ({ children, onClick }) => {
const theme = useTheme();
return (_jsx(Button, { css: `
color: ${theme.textLight};
border-color: ${theme.textLight};
margin: 2em 0 1em 0;
`, transparentBg: true, onClick: onClick, children: _jsxs(BoxSpan, { centered: true, children: [_jsx(StyledIcon, { css: "transform:rotate(90deg);", light: true, styledWidth: "16px", glyph: GLYPHS.arrowDown }), _jsx(TextSpan, { noFontSize: true, children: children })] }) }));
};
export default BackButton;
//# sourceMappingURL=BackButton.js.map