"use strict";

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

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

const Button_1 = require("../../atoms/Button");

const SocialIconList_1 = require("../../molecules/SocialIconList");

const words_1 = require("../../../words");

const ShareWrapper = styleh_components_1.styled.div``;
exports.ShareWrapper = ShareWrapper;
const ShareHeader = styleh_components_1.styled.div``;
exports.ShareHeader = ShareHeader;
const IconListPanel = styleh_components_1.styled.li.attrs({
  className: 'social-icons'
})`
  position: relative;
  display: inline-flex;
`;
exports.IconListPanel = IconListPanel;
const SocialIconListContainer = styleh_components_1.styled.withComponent(SocialIconList_1.SocialIconList)`
`;
exports.SocialIconListContainer = SocialIconListContainer;
const StyledSocialIconButton = styleh_components_1.styled.withComponent(Button_1.Button).attrs({
  'data-qa': 'qa-copy-link-button',
  'aria-label': words_1.wording.copyLinkButton
})`
  ${SocialIconList_1.IconLink.componentStyle.rules};
  background: $colors-greyblue;
  border: 0;
`;
exports.StyledSocialIconButton = StyledSocialIconButton; //# sourceMappingURL=styled.js.map