"use strict";

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

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

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

const StyledText = Text_1.StyledBaseText.as('span');
const StyledDetails = styleh_components_1.styled(StyledText)`text-transform:capitalize;color:var(--color-black);font-size:1rem;@media (max-width:1023px){font-size:1rem;}`;
exports.StyledDetails = StyledDetails;
const StyledTeamText = styleh_components_1.styled(StyledDetails).attrs({
  'data-qa': 'qa-user-team'
})``;
exports.StyledTeamText = StyledTeamText;
const StyledRoleText = styleh_components_1.styled(StyledDetails).attrs({
  'data-qa': 'qa-user-role'
})``;
exports.StyledRoleText = StyledRoleText;
const StyledStatus = styleh_components_1.styled(StyledText)`text-transform:capitalize;color:${props => props.color};font-size:1rem;padding-top:5px;@media (max-width:1023px){font-size:1.125rem;}`;
exports.StyledStatus = StyledStatus;
const StyledSeparator = styleh_components_1.styled.span`margin:0 5px;`;
exports.StyledSeparator = StyledSeparator;
const StyledEmail = styleh_components_1.styled(StyledText)`color:var(--color-black);font-size:1rem;@media (max-width:1023px){font-size:1rem;}`;
exports.StyledEmail = StyledEmail;
const StyledIdentifier = styleh_components_1.styled(StyledText)`&:first-child{margin-right:0.25rem;text-transform:uppercase;}color:var(--color-black);font-size:1rem;@media (max-width:1023px){font-size:1rem;}`;
exports.StyledIdentifier = StyledIdentifier;
const StyledName = styleh_components_1.styled(StyledText).attrs({
  'data-qa': 'qa-user-name'
})`font-weight:700;color:var(--color-black);font-size:1rem;text-transform:capitalize;`;
exports.StyledName = StyledName;