import styled, { css } from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
export const StyledScaleBarInner = styled.div.withConfig({
  displayName: "Styles__StyledScaleBarInner",
  componentId: "sc-1jbevna-0"
})(["", " height:3px;background:#37ba82;z-index:1;", ""], {
  "position": "relative"
}, props => props.$width && css(["width:", "%;"], props.$width));
export const StyledScaleBar = styled.div.withConfig({
  displayName: "Styles__StyledScaleBar",
  componentId: "sc-1jbevna-1"
})(["", " ", ""], {
  "width": "100%"
}, BoxSizingStyle);
StyledScaleBar.displayName = "StyledScaleBar";
StyledScaleBarInner.displayName = "StyledScaleBarInner";
//# sourceMappingURL=Styles.js.map