"use strict";

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

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

const Link_1 = require("../../atoms/Link");

const IconsListWrapper = styleh_components_1.styled.ul`position:relative;list-style:none;margin:0;padding:0.5rem 0 0 0;display:flex;align-items:inherit;flex-direction:row;`;
exports.IconsListWrapper = IconsListWrapper;
const IconListPanel = styleh_components_1.styled.li.attrs({
  className: 'social-icons'
})`position:relative;display:inline-flex;`;
exports.IconListPanel = IconListPanel;
const IconLink = styleh_components_1.styled.withComponent(Link_1.Link)`position:relative;width:3rem;height:3rem;padding:6px;margin-right:1rem;cursor:pointer;${props => props.bgColor !== '' && styleh_components_1.styled.css`background:${props.bgColor};`};svg{position:relative;width:100%;height:100%;fill:${props => props.fillColor !== '' ? props.fillColor : 'black'};}`;
exports.IconLink = IconLink; //# sourceMappingURL=styled.js.map