@seasketch/geoprocessing/dist/src/components/Toolbar.js

Geoprocessing and reporting framework for SeaSketch 2.0

import React from "react";
import { styled } from "styled-components";
import classnames from "classnames";
export const ToolbarStyled = styled.div `
  &.gp-toolbar {
    display: flex;
    position: relative;
    justify-content: space-between;
  }

  & h2 {
    font-family: sans-serif;
    font-size: 14px;
    color: rgb(116, 116, 116);
    margin: 0px;
    font-weight: 400;
  }

  &.gp-toolbar-gutter {
    padding: 0px 16px 0px 16px;
  }

  &.gp-toolbar-regular {
    min-height: 42px;
  }

  &.gp-toolbar-dense {
    min-height: 30px;
  }
`;
export const Toolbar = ({ children, variant = "regular", useGutters = true, toolbarCls = "", titleAlign = "baseline", style = {}, ...otherProps }) => {
    const classes = classnames("gp-toolbar", {
        "gp-toolbar-gutter": useGutters,
        "gp-toolbar-regular": variant === "regular",
        "gp-toolbar-dense": variant === "dense",
    }, toolbarCls);
    return (React.createElement(ToolbarStyled, { className: classes, ...otherProps, style: { ...style, alignItems: titleAlign } }, children));
};
export default Toolbar;
//# sourceMappingURL=Toolbar.js.map