"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const Button_1 = require("atoms/Button");
const SocialIconList_1 = require("molecules/SocialIconList");
const words_1 = require("words");
const ShareWrapper = view_container_1.styled.div ``;
exports.ShareWrapper = ShareWrapper;
const ShareHeader = view_container_1.styled.div ``;
exports.ShareHeader = ShareHeader;
const IconListPanel = view_container_1.styled.li.attrs({
    className: 'social-icons',
}) `
  position: relative;
  display: inline-flex;
`;
exports.IconListPanel = IconListPanel;
const SocialIconListContainer = view_container_1.styled.withComponent(SocialIconList_1.SocialIconList) `
`;
exports.SocialIconListContainer = SocialIconListContainer;
const StyledSocialIconButton = view_container_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