import styled, { css } from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
export const StyledProgressBar = styled.div.withConfig({
  displayName: "Styles__StyledProgressBar",
  componentId: "sc-k5nm08-0"
})(["", " ", " ", ""], BoxSizingStyle, props => props.$width ? css(["width:", "%;"], props.$width) : css(["width:100%;"]), props => props.$color ? css(["background-color:", ";"], props.$color) : css(["background-color:var(--color-theme-300);"]));
StyledProgressBar.displayName = "StyledProgressBar";
export const StyledProgressBarProgress = styled.div.withConfig({
  displayName: "Styles__StyledProgressBarProgress",
  componentId: "sc-k5nm08-1"
})(["", " ", ""], props => props.$height ? css(["height:", "px;"], props.$height) : css(["height:3px;"]), props => props.$color ? css(["background-color:", ";"], props.$color) : css(["background-color:var(--color-secondary);"]));
StyledProgressBarProgress.displayName = "StyledProgressBarProgress";
//# sourceMappingURL=Styles.js.map