"use strict";

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

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

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

const Text_1 = require("@skava/ui/dist/components/atoms/Text");

const DetailedList_1 = require("@skava/ui/dist/components/molecules/DetailedList");

const labelStyles = styleh_components_1.styled.css`text-transform:capitalize;color:var(--color-black);margin-right:0.375rem;@media (max-width:767px){font-size:0.75rem;}`;
const valueStyles = styleh_components_1.styled.css`text-transform:capitalize;color:var(--color-black);font-weight:700;margin:0;@media (max-width:767px){font-size:0.75rem;}`;
const StyledDetailedList = styleh_components_1.styled(DetailedList_1.DetailedList)`${DetailedList_1.DetailedListItemPanel}{margin:0;margin-bottom:0.5rem;@media (max-width:767px){flex-direction:row;}}${DetailedList_1.DetailedListLabel}{${labelStyles};}${DetailedList_1.DetailedListValue}{${valueStyles};}`;
exports.StyledDetailedList = StyledDetailedList;
const StyledButton = styleh_components_1.styled(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:var(--color-blue);margin:0;}`;
exports.StyledButton = StyledButton;