"use strict";

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

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

const styled_1 = require("../../atoms/Text/Label/styled");

const RatingCount = styleh_components_1.styled.withComponent(styled_1.LabelElement)`position:relative;line-height:${props => props.lineHeight}px;${props => props.position === 'prefix' && styleh_components_1.styled.css`order:-1;padding-right:10px;`};${props => props.position === 'suffix' && styleh_components_1.styled.css`order:0;padding-left:10px;`};`;
exports.RatingCount = RatingCount;
const RatingStar = styleh_components_1.styled.div`position:relative;svg{margin-right:${props => props.starGap}px;width:${props => props.width}px;path:last-child{fill:${props => props.fillColor};stroke:${props => props.stroke};}&:last-child{margin:0;}}${props => props.ratedStar && styleh_components_1.styled.css`position:absolute;left:0;top:0;white-space:nowrap;z-index:1;overflow:hidden;width:${props.value * (props.starGap + props.width) - props.starGap / 2}px;`};`;
exports.RatingStar = RatingStar;
const RatingStarParent = styleh_components_1.styled.div`position:relative;overflow:hidden;`;
exports.RatingStarParent = RatingStarParent;
const RatingContainer = styleh_components_1.styled.div`position:relative;display:flex;align-items:center;overflow:hidden;`;
exports.RatingContainer = RatingContainer;
const RatingWrapper = styleh_components_1.styled.section`position:relative;`;
exports.RatingWrapper = RatingWrapper; //# sourceMappingURL=styled.js.map