"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledButtonPill = exports.StyledButton = exports.StyledBox = exports.CompletionBar = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _ = require("../..");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledBox = exports.StyledBox = (0, _styledComponents.default)(_.Box).withConfig({
  displayName: "ProgressIndicatorstyled__StyledBox",
  componentId: "sc-jimls6-0"
})(["border-radius:", ";border-bottom:1px solid ", ";", ";"], function (p) {
  return !p.$isMobile && p.theme.borderRadius8;
}, function (p) {
  return p.$isMobile && p.$borderBottomMobile ? p.theme.colorTokens.neutral.border_medium : 'transparent';
}, function (p) {
  return !p.$isMobile && p.theme.isFeatureEnabled('shadows') && "\n    box-shadow: ".concat(p.theme.shadow.medium, "\n  ");
});
var CompletionBar = exports.CompletionBar = _styledComponents.default.div.withConfig({
  displayName: "ProgressIndicatorstyled__CompletionBar",
  componentId: "sc-jimls6-1"
})(["height:", "px;position:relative;width:100%;border-radius:100px;overflow:hidden;background:", ";margin:", " auto;&::after{position:absolute;left:0;top:0;transition:transform 333ms;transform:scaleX(", ");background:", ";transform-origin:left;width:100%;height:100%;display:block;content:'';border-top-right-radius:", ";border-bottom-right-radius:", ";}"], function (p) {
  return p.theme.spacing.unit(1);
}, function (p) {
  return p.theme.colorTokens.neutral.background_strong;
}, function (p) {
  return p.noButtons ? '7px' : 0;
}, function (p) {
  return p.completion;
}, function (p) {
  return p.theme.colorTokens.action.background_default;
}, function (p) {
  return p.theme.borderRadius100;
}, function (p) {
  return p.theme.borderRadius100;
});
var StyledButton = exports.StyledButton = (0, _styledComponents.default)(_.Button.Icon).withConfig({
  displayName: "ProgressIndicatorstyled__StyledButton",
  componentId: "sc-jimls6-2"
})(["display:", ";visibility:", ";background-color:", ";min-height:", ";width:", ";height:", ";padding:", ";&:hover{background-color:", ";}"], function (p) {
  return p.$hide ? 'none' : 'flex';
}, function (p) {
  return p.$visible ? 'visible' : 'hidden';
}, function (p) {
  return p.$isMobile ? p.theme.colorTokens.neutral.background_strong : 'transparent';
}, function (p) {
  return !p.$isMobile && '16px';
}, function (p) {
  return !p.$isMobile && '16px';
}, function (p) {
  return !p.$isMobile && '16px';
}, function (p) {
  return !p.$isMobile && '0';
}, function (p) {
  return p.$isMobile ? p.theme.colorTokens.neutral.background_strong : 'transparent';
});
var StyledButtonPill = exports.StyledButtonPill = (0, _styledComponents.default)(_.Button.Pill).withConfig({
  displayName: "ProgressIndicatorstyled__StyledButtonPill",
  componentId: "sc-jimls6-3"
})(["min-width:max-content;"]);