"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const ProgressBarWrap = styleh_components_1.styled.div`position:relative;${props => props.barWidth && styleh_components_1.styled.css`width:${props.barWidth}px;`};height:20px;border:solid 1px ${props => props.barColor};border-radius:3px;box-shadow:1px 2px 6px -2px rgba(0,0,0,0.3) inset;overflow:hidden;`;
exports.ProgressBarWrap = ProgressBarWrap;
const ProgressBarFill = styleh_components_1.styled.div`position:relative;width:0;height:100%;background:${props => props.barColor};${props => props.progressWidth && styleh_components_1.styled.css`width:${props.progressWidth};`};`;
exports.ProgressBarFill = ProgressBarFill; //# sourceMappingURL=styled.js.map