"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const Label_1 = require("atoms/Text/Label");
const PriceWrapper = view_container_1.styled.section `
  position: relative;
`;
exports.PriceWrapper = PriceWrapper;
const SalePriceElement = Label_1.LabelElement.withComponent('span');
const SalePrice = SalePriceElement.extend.attrs({
    'data-qa': 'qa-sale-price',
}) `
  position: relative;
  color: red;
  margin-right: 5px;
`;
exports.SalePrice = SalePrice;
const RegularPriceElement = Label_1.LabelElement.withComponent('span');
const RegularPrice = RegularPriceElement.extend.attrs({
    'data-qa': 'qa-reg-price',
}) `
  position: relative;
  color: #1e1e1e;
  ${props => props.isSalePrice &&
    view_container_1.styled.css `
      text-decoration: line-through;
    `};
`;
exports.RegularPrice = RegularPrice;
//# sourceMappingURL=styled.js.map