"use strict";

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

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

const Button_1 = require("../../../atoms/Button");

const CheckoutCartBundle_1 = require("../../../abstractions/BundleProduct/CheckoutCartBundle");

const Header = styleh_components_1.styled.withComponent(CheckoutCartBundle_1.Header)``;
exports.Header = Header;
const StyledViewButton = styleh_components_1.styled.withComponent(Button_1.Button).attrs({
  'data-qa': 'qa-view-details'
})`background:transparent;border:none;padding:0;${Button_1.ButtonLabel}{text-transform:lowercase;color:var(--color-blue);margin:0;font-size:14px;}${Button_1.ButtonIcon}{margin:0;display:flex;align-items:center;svg{fill:var(--color-blue);}}`;
exports.StyledViewButton = StyledViewButton;
const StyledText = styleh_components_1.styled.div`margin-right:25px;`;
exports.StyledText = StyledText;
const StyledCount = styleh_components_1.styled.span.attrs({
  'data-qa': 'qa-count'
})`font-size:16px;font-weight:bold;color:var(--color-black);font-weight:700;`;
const StyledItemText = styleh_components_1.styled.withComponent(StyledCount)`text-transform:capitalize;`;
exports.StyledItemText = StyledItemText;
const StyledAddonText = StyledCount;
exports.StyledAddonText = StyledAddonText; //# sourceMappingURL=styled.js.map