"use strict";

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

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

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