@procraft/widget-order
Version:
Order widget for landing
30 lines (29 loc) • 937 B
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ProgressBarStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
exports.ProgressBarStyled = styled_components_1.default.div `
max-width: 160px;
min-width: 100px;
height: 18px;
overflow: hidden;
background: #f0f2f2;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 9px;
position: relative;
> .ribbon {
width: 100%;
height: 16px;
position: absolute;
background: ${({ color }) => (color === 'light' ? '#FFB800' : '#739EC8')};
/* border-color: rgba(0, 0, 0, 0.2);
border-width: 0 1px ;
border-style: solid; */
border-radius: 8px;
right: ${({ percent }) => `${100 - percent}%`};
}
`;
//# sourceMappingURL=styles.js.map