"use strict";

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

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

const Buttons_1 = require("../../Buttons");

const Text_1 = require("../../../atoms/Text");

const DetailedList_1 = require("../../../molecules/DetailedList");

const labelStyles = styleh_components_1.styled.css`
  text-transform: capitalize;
  color: #2c2c2c;
  margin-right: rem(6);

  @phone-or-smaller() {
    font-size: rem(12);
  }
`;
const valueStyles = styleh_components_1.styled.css`
  text-transform: capitalize;
  color: #2c2c2c;
  font-weight: 700;
  margin: 0;

  @phone-or-smaller() {
    font-size: rem(12);
  }
`;
const StyledDetailedList = styleh_components_1.styled.withComponent(DetailedList_1.DetailedList)`
  ${DetailedList_1.DetailedListItemPanel} {
    margin: 0;
    margin-bottom: rem(8);

    @phone-or-smaller() {
      flex-direction: row;
    }
  }

  ${DetailedList_1.DetailedListLabel} {
    ${labelStyles};
  }

  ${DetailedList_1.DetailedListValue}{
    ${valueStyles};
  }
`;
exports.StyledDetailedList = StyledDetailedList;
const StyledButton = styleh_components_1.styled.withComponent(Buttons_1.PrimaryButton)`
  cursor: pointer;
  height: auto;
  padding: 0;
  margin: 0;
  width: auto;
  background: transparent;

  ${Text_1.LabelElement} {
    text-transform: capitalize;
    text-decoration: none;
    color: #159fd5;
    margin: 0;
  }
`;
exports.StyledButton = StyledButton; //# sourceMappingURL=styled.js.map