"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const fixture_1 = require("./fixture");
const Label_1 = require("atoms/Text/Label");
// adding margin so extending the style of separator icon
const SeperatorElement = styled.span `
  margin: 0 16px;

  ${props => props.color && styled.css `
    color: ${props.color};
  `}
`;
exports.SeperatorElement = SeperatorElement;
const CopyrightSection = styled.section.attrs({
    className: fixture_1.classes.CopyrightSection,
}) `
  display: flex;
  flex: 1;
  align-items: center;
`;
exports.CopyrightSection = CopyrightSection;
const LogoText = Label_1.LabelElement.withComponent('span');
const Logo = styled.withComponent(LogoText).attrs({
    'data-qa': 'qa-copyright',
    className: 'copyright-logo',
}) `
  ${props => props.color &&
    styled.css `
      color: ${props.color};
    `}
  text-transform: uppercase;
`;
exports.Logo = Logo;
const RightsText = Label_1.LabelElement.withComponent('span');
const Text = styled.withComponent(RightsText).attrs({
    'data-qa': 'qa-rights',
    className: 'copyright-text',
}) `
  ${props => props.color &&
    styled.css `
      color: ${props.color};
    `}
  text-transform: uppercase;
`;
exports.Text = Text;
exports.default = CopyrightSection;
//# sourceMappingURL=styled.js.map