[
  {
    "path": ".babelrc",
    "content": "{\n  \"presets\": [\n    \"env\",\n    \"react\"\n  ],\n  \"plugins\": [\n    \"syntax-dynamic-import\",\n    [\n      \"transform-object-rest-spread\",\n      \"transform-react-remove-prop-types\",\n      {\n        \"mode\": \"wrap\"\n      }\n    ]\n  ]\n}\n"
  },
  {
    "path": ".editorconfig",
    "content": "# EditorConfig helps developers define and maintain consistent\n# coding styles between different editors and IDEs\n# editorconfig.org\n\nroot = true\n\n\n[*]\n\n# Change these settings to your own preference\nindent_style = space\nindent_size = 2\n\n# We recommend you to keep these unchanged\nend_of_line = lf\ncharset = utf-8\ntrim_trailing_whitespace = true\ninsert_final_newline = true\n\n[*.md]\ntrim_trailing_whitespace = false"
  },
  {
    "path": ".eslintrc.js",
    "content": "module.exports = {\n  extends: 'plugin:prettier/recommended',\n  parser: 'babel-eslint',\n  env: {\n    browser: true,\n    jasmine: true,\n    node: true\n  },\n  plugins: ['react', 'jsx-a11y'],\n  rules: {\n    'comma-dangle': ['error', 'never'],\n    'global-require': 0,\n    'prefer-arrow-callback': 0,\n    'func-names': 0,\n    'import/no-extraneous-dependencies': 0,\n    'no-underscore-dangle': 0,\n    'no-unused-expressions': 0,\n    'no-use-before-define': 0,\n    'react/jsx-filename-extension': 0,\n    'react/sort-comp': 0,\n    'react/no-multi-comp': 0,\n    'react/require-extension': 0\n  }\n}\n"
  },
  {
    "path": ".gitattributes",
    "content": "* text=auto\nbin/* eol=lf"
  },
  {
    "path": ".gitignore",
    "content": "docs/build/\ndist-es6/\ndist-modules/\nnode_modules/\ncoverage/\nnpm-debug.log\n.eslintcache\n\n# Logs\n*.log\n"
  },
  {
    "path": ".npmignore",
    "content": "demo/\ndist/\ntests/\nsrc/\ndocs/\ncoverage/\n__tests__/\n.*\n\n"
  },
  {
    "path": ".prettierignore",
    "content": "docs\ncoverage\ndist-es6\ndist-modules\n"
  },
  {
    "path": ".prettierrc",
    "content": "{\n  \"semi\": false,\n  \"singleQuote\": true,\n  \"overrides\": [\n    {\n      \"files\": \"*.md\",\n      \"options\": {\n        \"printWidth\": 70,\n        \"useTabs\": false,\n        \"trailingComma\": \"none\",\n        \"proseWrap\": \"never\"\n      }\n    }\n  ]\n}\n"
  },
  {
    "path": ".travis.yml",
    "content": "language: node_js\nnode_js:\n  - \"8\"\n  - \"10\"\nbefore_install:\n  - curl -o- -L https://yarnpkg.com/install.sh | bash -s\n  - export PATH=\"$HOME/.yarn/bin:$PATH\"\nbefore_script:\n  - npm run dist\nscript:\n  - npm run test:lint\n  - npm run test:coverage\nafter_success:\n  - bash <(curl -s https://codecov.io/bash)\n"
  },
  {
    "path": "CONTRIBUTING.md",
    "content": "# Contributing\n\n## Set up instructions\n\nFirst of all, this is a JavaScript project that's distributed on [npmjs.org](https://npmjs.org) and therefore uses JavaScript tooling based on [Node.js](https://nodejs.org/) with dependencies from npm. You're going to need to have those things installed to contribute to this project.\n\n1. Fork the repo\n2. Clone your fork\n3. Create a branch\n4. Run `npm install`\n5. Run `npm start`. If everything works, then you're ready to make changes.\n6. Make your changes and try to make the tests pass. If you can't or need help then commit what you have with `--no-verify` and make a PR\n7. If you get things working, add your changed files with `git add` and run `npm run commit` to get an interactive prompt for creating a commit message that follows [our standards](https://github.com/stevemao/conventional-changelog-angular/blob/master/convention.md). You'll notice that there are git hooks in place which will run testing, linting, etc. (unless you commit with `--no-verify`).\n8. Push your changes to your fork with `git push`\n9. Create a pull request.\n10. Iterate on the solution.\n11. Get merged! 🎉 🎊\n"
  },
  {
    "path": "LICENSE",
    "content": "Copyright (c) 2016 Juho Vepsalainen\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n"
  },
  {
    "path": "License.md",
    "content": "# The MIT License\n\nCopyright 2018 Sara Vieira, contributors\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "[![npm](https://img.shields.io/npm/v/react-social-sharing.svg)](https://www.npmjs.com/package/react-social-sharing)\n\n# React Sharing Buttons\n\nReact Implementation of @mxstbr [sharingbuttons.io](http://sharingbuttons.io/) No Extra Javascript Imports. No Tracking. Just Links, SVG and CSS\n\n## Basic Usage\n\n```\nyarn add react-social-sharing\n```\n\n```js\nimport React from 'react'\nimport { Twitter } from 'react-social-sharing'\n\nexport default () => <Twitter link=\"https://github.com\" />\n```\n\n## Localization\n\nTo any button for localization of the `aria-label` you can pass a function like so:\n\n```js\n<Twitter\n  link=\"https://github.com\"\n  label={serviceName => localise('share_label', { serviceName })}\n/>\n```\n\nThis function receives the name of the service and the return value is the `aria-label` and `title` used in the anchor.\n\nThis name is automatically filled by the package but you can override this with the name prop.\n\n## License\n\nreact-social-sharing is available under MIT. See LICENSE for more details.\n\n## Acknowledgements\n\n- Thank you to [bebraw](https://github.com/bebraw) for creating [react-component-boilerplate](https://github.com/survivejs/react-component-boilerplate)\n- Thank you to [mxstbr](https://github.com/mxstbr) for creating [sharingbuttons.io](https://github.com/mxstbr/sharingbuttons.io)\n- Icons by [Streamline](http://streamlineicons.com/).\n"
  },
  {
    "path": "__tests__/__snapshots__/facebook.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Facebook 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1 svg path {\n  fill: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Facebook\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15.84 9.5H13.5V8.48c0-.53.35-.65.6-.65h1.4v-2.3h-2.35c-2.3 0-2.65 1.7-2.65 2.8V9.5h-2v2h2v7h3v-7h2.1l.24-2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Facebook\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1 svg path {\n  fill: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    message=\"I am so cool\"\n    name=\"Facebook\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15.84 9.5H13.5V8.48c0-.53.35-.65.6-.65h1.4v-2.3h-2.35c-2.3 0-2.65 1.7-2.65 2.8V9.5h-2v2h2v7h3v-7h2.1l.24-2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Facebook\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1 svg path {\n  fill: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Facebook\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15.84 9.5H13.5V8.48c0-.53.35-.65.6-.65h1.4v-2.3h-2.35c-2.3 0-2.65 1.7-2.65 2.8V9.5h-2v2h2v7h3v-7h2.1l.24-2z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Facebook\"\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15.84 9.5H13.5V8.48c0-.53.35-.65.6-.65h1.4v-2.3h-2.35c-2.3 0-2.65 1.7-2.65 2.8V9.5h-2v2h2v7h3v-7h2.1l.24-2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Facebook\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    message=\"I am so cool\"\n    name=\"Facebook\"\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15.84 9.5H13.5V8.48c0-.53.35-.65.6-.65h1.4v-2.3h-2.35c-2.3 0-2.65 1.7-2.65 2.8V9.5h-2v2h2v7h3v-7h2.1l.24-2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Facebook\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Facebook\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15.84 9.5H13.5V8.48c0-.53.35-.65.6-.65h1.4v-2.3h-2.35c-2.3 0-2.65 1.7-2.65 2.8V9.5h-2v2h2v7h3v-7h2.1l.24-2z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Facebook\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Facebook\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    message=\"I am so cool\"\n    name=\"Facebook\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Facebook\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Facebook\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 10 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Facebook\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Facebook\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Facebook\"\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15.84 9.5H13.5V8.48c0-.53.35-.65.6-.65h1.4v-2.3h-2.35c-2.3 0-2.65 1.7-2.65 2.8V9.5h-2v2h2v7h3v-7h2.1l.24-2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Facebook\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1 svg path {\n  fill: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Facebook\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15.84 9.5H13.5V8.48c0-.53.35-.65.6-.65h1.4v-2.3h-2.35c-2.3 0-2.65 1.7-2.65 2.8V9.5h-2v2h2v7h3v-7h2.1l.24-2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Facebook\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #3b5998;\n  border-color: #3b5998;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2d4373;\n  border-color: #2d4373;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Facebook\"\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-ifAKCX\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n                      [Function],\n                      \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-ifAKCX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Facebook\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"ksIwnZ\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Facebook\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <FacebookIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z\"\n              />\n            </svg>\n          </FacebookIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"ksIwnZ\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Facebook\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on Facebook\"\n      >\n        <a\n          aria-label=\"Share on Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Facebook\"\n        >\n          <FacebookIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z\"\n              />\n            </svg>\n          </FacebookIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Facebook 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-ifAKCX\",\n          \"isStatic\": false,\n          \"lastClassName\": \"ksIwnZ\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  \",\n            [Function],\n            \";\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-ifAKCX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"Facebook\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass Facebook\"\n      href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass Facebook\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass Facebook\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass Facebook\"\n      >\n        <a\n          aria-label=\"Dope ass Facebook\"\n          className=\"c0\"\n          href=\"https://facebook.com/sharer/sharer.php?u=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass Facebook\"\n        >\n          <FacebookIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z\"\n              />\n            </svg>\n          </FacebookIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/google.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Google 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Google +\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.65 8.6c-.02-.66-.3-1.3-.8-1.8S10.67 6 9.98 6c-.63 0-1.2.25-1.64.68-.45.44-.68 1.05-.66 1.7.02.68.3 1.32.8 1.8.96.97 2.6 1.04 3.5.14.45-.45.7-1.05.67-1.7zm-2.5 5.63c-2.14 0-3.96.95-3.96 2.1 0 1.12 1.8 2.08 3.94 2.08s3.98-.93 3.98-2.06c0-1.14-1.82-2.1-3.98-2.1z\"\n                        />\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm-1.84 19.4c-2.8 0-4.97-1.35-4.97-3.08s2.15-3.1 4.94-3.1c.84 0 1.6.14 2.28.36-.57-.4-1.25-.86-1.3-1.7-.26.06-.52.1-.8.1-.95 0-1.87-.38-2.57-1.08-.67-.68-1.06-1.55-1.1-2.48-.02-.94.32-1.8.96-2.45.65-.63 1.5-.93 2.4-.92V5h3.95v1h-1.53l.12.1c.67.67 1.06 1.55 1.1 2.48.02.93-.32 1.8-.97 2.45-.16.15-.33.3-.5.4-.2.6.05.8.83 1.33.9.6 2.1 1.42 2.1 3.56 0 1.73-2.17 3.1-4.96 3.1zM20 10h-2v2h-1v-2h-2V9h2V7h1v2h2v1z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Google +\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Google +\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.65 8.6c-.02-.66-.3-1.3-.8-1.8S10.67 6 9.98 6c-.63 0-1.2.25-1.64.68-.45.44-.68 1.05-.66 1.7.02.68.3 1.32.8 1.8.96.97 2.6 1.04 3.5.14.45-.45.7-1.05.67-1.7zm-2.5 5.63c-2.14 0-3.96.95-3.96 2.1 0 1.12 1.8 2.08 3.94 2.08s3.98-.93 3.98-2.06c0-1.14-1.82-2.1-3.98-2.1z\"\n                        />\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm-1.84 19.4c-2.8 0-4.97-1.35-4.97-3.08s2.15-3.1 4.94-3.1c.84 0 1.6.14 2.28.36-.57-.4-1.25-.86-1.3-1.7-.26.06-.52.1-.8.1-.95 0-1.87-.38-2.57-1.08-.67-.68-1.06-1.55-1.1-2.48-.02-.94.32-1.8.96-2.45.65-.63 1.5-.93 2.4-.92V5h3.95v1h-1.53l.12.1c.67.67 1.06 1.55 1.1 2.48.02.93-.32 1.8-.97 2.45-.16.15-.33.3-.5.4-.2.6.05.8.83 1.33.9.6 2.1 1.42 2.1 3.56 0 1.73-2.17 3.1-4.96 3.1zM20 10h-2v2h-1v-2h-2V9h2V7h1v2h2v1z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Google +\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Google +\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.65 8.6c-.02-.66-.3-1.3-.8-1.8S10.67 6 9.98 6c-.63 0-1.2.25-1.64.68-.45.44-.68 1.05-.66 1.7.02.68.3 1.32.8 1.8.96.97 2.6 1.04 3.5.14.45-.45.7-1.05.67-1.7zm-2.5 5.63c-2.14 0-3.96.95-3.96 2.1 0 1.12 1.8 2.08 3.94 2.08s3.98-.93 3.98-2.06c0-1.14-1.82-2.1-3.98-2.1z\"\n                        />\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm-1.84 19.4c-2.8 0-4.97-1.35-4.97-3.08s2.15-3.1 4.94-3.1c.84 0 1.6.14 2.28.36-.57-.4-1.25-.86-1.3-1.7-.26.06-.52.1-.8.1-.95 0-1.87-.38-2.57-1.08-.67-.68-1.06-1.55-1.1-2.48-.02-.94.32-1.8.96-2.45.65-.63 1.5-.93 2.4-.92V5h3.95v1h-1.53l.12.1c.67.67 1.06 1.55 1.1 2.48.02.93-.32 1.8-.97 2.45-.16.15-.33.3-.5.4-.2.6.05.8.83 1.33.9.6 2.1 1.42 2.1 3.56 0 1.73-2.17 3.1-4.96 3.1zM20 10h-2v2h-1v-2h-2V9h2V7h1v2h2v1z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Google +\"\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.65 8.6c-.02-.66-.3-1.3-.8-1.8S10.67 6 9.98 6c-.63 0-1.2.25-1.64.68-.45.44-.68 1.05-.66 1.7.02.68.3 1.32.8 1.8.96.97 2.6 1.04 3.5.14.45-.45.7-1.05.67-1.7zm-2.5 5.63c-2.14 0-3.96.95-3.96 2.1 0 1.12 1.8 2.08 3.94 2.08s3.98-.93 3.98-2.06c0-1.14-1.82-2.1-3.98-2.1z\"\n                        />\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm-1.84 19.4c-2.8 0-4.97-1.35-4.97-3.08s2.15-3.1 4.94-3.1c.84 0 1.6.14 2.28.36-.57-.4-1.25-.86-1.3-1.7-.26.06-.52.1-.8.1-.95 0-1.87-.38-2.57-1.08-.67-.68-1.06-1.55-1.1-2.48-.02-.94.32-1.8.96-2.45.65-.63 1.5-.93 2.4-.92V5h3.95v1h-1.53l.12.1c.67.67 1.06 1.55 1.1 2.48.02.93-.32 1.8-.97 2.45-.16.15-.33.3-.5.4-.2.6.05.8.83 1.33.9.6 2.1 1.42 2.1 3.56 0 1.73-2.17 3.1-4.96 3.1zM20 10h-2v2h-1v-2h-2V9h2V7h1v2h2v1z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Google +\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Google +\"\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.65 8.6c-.02-.66-.3-1.3-.8-1.8S10.67 6 9.98 6c-.63 0-1.2.25-1.64.68-.45.44-.68 1.05-.66 1.7.02.68.3 1.32.8 1.8.96.97 2.6 1.04 3.5.14.45-.45.7-1.05.67-1.7zm-2.5 5.63c-2.14 0-3.96.95-3.96 2.1 0 1.12 1.8 2.08 3.94 2.08s3.98-.93 3.98-2.06c0-1.14-1.82-2.1-3.98-2.1z\"\n                        />\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm-1.84 19.4c-2.8 0-4.97-1.35-4.97-3.08s2.15-3.1 4.94-3.1c.84 0 1.6.14 2.28.36-.57-.4-1.25-.86-1.3-1.7-.26.06-.52.1-.8.1-.95 0-1.87-.38-2.57-1.08-.67-.68-1.06-1.55-1.1-2.48-.02-.94.32-1.8.96-2.45.65-.63 1.5-.93 2.4-.92V5h3.95v1h-1.53l.12.1c.67.67 1.06 1.55 1.1 2.48.02.93-.32 1.8-.97 2.45-.16.15-.33.3-.5.4-.2.6.05.8.83 1.33.9.6 2.1 1.42 2.1 3.56 0 1.73-2.17 3.1-4.96 3.1zM20 10h-2v2h-1v-2h-2V9h2V7h1v2h2v1z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Google +\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Google +\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.65 8.6c-.02-.66-.3-1.3-.8-1.8S10.67 6 9.98 6c-.63 0-1.2.25-1.64.68-.45.44-.68 1.05-.66 1.7.02.68.3 1.32.8 1.8.96.97 2.6 1.04 3.5.14.45-.45.7-1.05.67-1.7zm-2.5 5.63c-2.14 0-3.96.95-3.96 2.1 0 1.12 1.8 2.08 3.94 2.08s3.98-.93 3.98-2.06c0-1.14-1.82-2.1-3.98-2.1z\"\n                        />\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm-1.84 19.4c-2.8 0-4.97-1.35-4.97-3.08s2.15-3.1 4.94-3.1c.84 0 1.6.14 2.28.36-.57-.4-1.25-.86-1.3-1.7-.26.06-.52.1-.8.1-.95 0-1.87-.38-2.57-1.08-.67-.68-1.06-1.55-1.1-2.48-.02-.94.32-1.8.96-2.45.65-.63 1.5-.93 2.4-.92V5h3.95v1h-1.53l.12.1c.67.67 1.06 1.55 1.1 2.48.02.93-.32 1.8-.97 2.45-.16.15-.33.3-.5.4-.2.6.05.8.83 1.33.9.6 2.1 1.42 2.1 3.56 0 1.73-2.17 3.1-4.96 3.1zM20 10h-2v2h-1v-2h-2V9h2V7h1v2h2v1z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Google +\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M11.37 12.93c-.73-.52-1.4-1.27-1.4-1.5 0-.43.03-.63.98-1.37 1.23-.97 1.9-2.23 1.9-3.57 0-1.22-.36-2.3-1-3.05h.5c.1 0 .2-.04.28-.1l1.36-.98c.16-.12.23-.34.17-.54-.07-.2-.25-.33-.46-.33H7.6c-.66 0-1.34.12-2 .35-2.23.76-3.78 2.66-3.78 4.6 0 2.76 2.13 4.85 5 4.9-.07.23-.1.45-.1.66 0 .43.1.83.33 1.22h-.08c-2.72 0-5.17 1.34-6.1 3.32-.25.52-.37 1.04-.37 1.56 0 .5.13.98.38 1.44.6 1.04 1.84 1.86 3.55 2.28.87.23 1.82.34 2.8.34.88 0 1.7-.1 2.5-.34 2.4-.7 3.97-2.48 3.97-4.54 0-1.97-.63-3.15-2.33-4.35zm-7.7 4.5c0-1.42 1.8-2.68 3.9-2.68h.05c.45 0 .9.07 1.3.2l.42.28c.96.66 1.6 1.1 1.77 1.8.05.16.07.33.07.5 0 1.8-1.33 2.7-3.96 2.7-1.98 0-3.54-1.23-3.54-2.8zM5.54 3.9c.33-.38.75-.58 1.23-.58h.05c1.35.05 2.64 1.55 2.88 3.35.14 1.02-.08 1.97-.6 2.55-.32.37-.74.56-1.23.56h-.03c-1.32-.04-2.63-1.6-2.87-3.4-.13-1 .08-1.92.58-2.5zM23.5 9.5h-3v-3h-2v3h-3v2h3v3h2v-3h3\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Google +\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Google +\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M11.37 12.93c-.73-.52-1.4-1.27-1.4-1.5 0-.43.03-.63.98-1.37 1.23-.97 1.9-2.23 1.9-3.57 0-1.22-.36-2.3-1-3.05h.5c.1 0 .2-.04.28-.1l1.36-.98c.16-.12.23-.34.17-.54-.07-.2-.25-.33-.46-.33H7.6c-.66 0-1.34.12-2 .35-2.23.76-3.78 2.66-3.78 4.6 0 2.76 2.13 4.85 5 4.9-.07.23-.1.45-.1.66 0 .43.1.83.33 1.22h-.08c-2.72 0-5.17 1.34-6.1 3.32-.25.52-.37 1.04-.37 1.56 0 .5.13.98.38 1.44.6 1.04 1.84 1.86 3.55 2.28.87.23 1.82.34 2.8.34.88 0 1.7-.1 2.5-.34 2.4-.7 3.97-2.48 3.97-4.54 0-1.97-.63-3.15-2.33-4.35zm-7.7 4.5c0-1.42 1.8-2.68 3.9-2.68h.05c.45 0 .9.07 1.3.2l.42.28c.96.66 1.6 1.1 1.77 1.8.05.16.07.33.07.5 0 1.8-1.33 2.7-3.96 2.7-1.98 0-3.54-1.23-3.54-2.8zM5.54 3.9c.33-.38.75-.58 1.23-.58h.05c1.35.05 2.64 1.55 2.88 3.35.14 1.02-.08 1.97-.6 2.55-.32.37-.74.56-1.23.56h-.03c-1.32-.04-2.63-1.6-2.87-3.4-.13-1 .08-1.92.58-2.5zM23.5 9.5h-3v-3h-2v3h-3v2h3v3h2v-3h3\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Google +\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Google +\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M11.37 12.93c-.73-.52-1.4-1.27-1.4-1.5 0-.43.03-.63.98-1.37 1.23-.97 1.9-2.23 1.9-3.57 0-1.22-.36-2.3-1-3.05h.5c.1 0 .2-.04.28-.1l1.36-.98c.16-.12.23-.34.17-.54-.07-.2-.25-.33-.46-.33H7.6c-.66 0-1.34.12-2 .35-2.23.76-3.78 2.66-3.78 4.6 0 2.76 2.13 4.85 5 4.9-.07.23-.1.45-.1.66 0 .43.1.83.33 1.22h-.08c-2.72 0-5.17 1.34-6.1 3.32-.25.52-.37 1.04-.37 1.56 0 .5.13.98.38 1.44.6 1.04 1.84 1.86 3.55 2.28.87.23 1.82.34 2.8.34.88 0 1.7-.1 2.5-.34 2.4-.7 3.97-2.48 3.97-4.54 0-1.97-.63-3.15-2.33-4.35zm-7.7 4.5c0-1.42 1.8-2.68 3.9-2.68h.05c.45 0 .9.07 1.3.2l.42.28c.96.66 1.6 1.1 1.77 1.8.05.16.07.33.07.5 0 1.8-1.33 2.7-3.96 2.7-1.98 0-3.54-1.23-3.54-2.8zM5.54 3.9c.33-.38.75-.58 1.23-.58h.05c1.35.05 2.64 1.55 2.88 3.35.14 1.02-.08 1.97-.6 2.55-.32.37-.74.56-1.23.56h-.03c-1.32-.04-2.63-1.6-2.87-3.4-.13-1 .08-1.92.58-2.5zM23.5 9.5h-3v-3h-2v3h-3v2h3v3h2v-3h3\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://plus.google.com/share?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Google +\"\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.65 8.6c-.02-.66-.3-1.3-.8-1.8S10.67 6 9.98 6c-.63 0-1.2.25-1.64.68-.45.44-.68 1.05-.66 1.7.02.68.3 1.32.8 1.8.96.97 2.6 1.04 3.5.14.45-.45.7-1.05.67-1.7zm-2.5 5.63c-2.14 0-3.96.95-3.96 2.1 0 1.12 1.8 2.08 3.94 2.08s3.98-.93 3.98-2.06c0-1.14-1.82-2.1-3.98-2.1z\"\n                        />\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm-1.84 19.4c-2.8 0-4.97-1.35-4.97-3.08s2.15-3.1 4.94-3.1c.84 0 1.6.14 2.28.36-.57-.4-1.25-.86-1.3-1.7-.26.06-.52.1-.8.1-.95 0-1.87-.38-2.57-1.08-.67-.68-1.06-1.55-1.1-2.48-.02-.94.32-1.8.96-2.45.65-.63 1.5-.93 2.4-.92V5h3.95v1h-1.53l.12.1c.67.67 1.06 1.55 1.1 2.48.02.93-.32 1.8-.97 2.45-.16.15-.33.3-.5.4-.2.6.05.8.83 1.33.9.6 2.1 1.42 2.1 3.56 0 1.73-2.17 3.1-4.96 3.1zM20 10h-2v2h-1v-2h-2V9h2V7h1v2h2v1z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Google +\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://plus.google.com/share?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Google +\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.65 8.6c-.02-.66-.3-1.3-.8-1.8S10.67 6 9.98 6c-.63 0-1.2.25-1.64.68-.45.44-.68 1.05-.66 1.7.02.68.3 1.32.8 1.8.96.97 2.6 1.04 3.5.14.45-.45.7-1.05.67-1.7zm-2.5 5.63c-2.14 0-3.96.95-3.96 2.1 0 1.12 1.8 2.08 3.94 2.08s3.98-.93 3.98-2.06c0-1.14-1.82-2.1-3.98-2.1z\"\n                        />\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm-1.84 19.4c-2.8 0-4.97-1.35-4.97-3.08s2.15-3.1 4.94-3.1c.84 0 1.6.14 2.28.36-.57-.4-1.25-.86-1.3-1.7-.26.06-.52.1-.8.1-.95 0-1.87-.38-2.57-1.08-.67-.68-1.06-1.55-1.1-2.48-.02-.94.32-1.8.96-2.45.65-.63 1.5-.93 2.4-.92V5h3.95v1h-1.53l.12.1c.67.67 1.06 1.55 1.1 2.48.02.93-.32 1.8-.97 2.45-.16.15-.33.3-.5.4-.2.6.05.8.83 1.33.9.6 2.1 1.42 2.1 3.56 0 1.73-2.17 3.1-4.96 3.1zM20 10h-2v2h-1v-2h-2V9h2V7h1v2h2v1z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Google +\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #c23321;\n  border-color: #c23321;\n}\n\n<Component>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://plus.google.com/share?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Google +\"\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-EHOje\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-EHOje\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M11.37 12.93c-.73-.52-1.4-1.27-1.4-1.5 0-.43.03-.63.98-1.37 1.23-.97 1.9-2.23 1.9-3.57 0-1.22-.36-2.3-1-3.05h.5c.1 0 .2-.04.28-.1l1.36-.98c.16-.12.23-.34.17-.54-.07-.2-.25-.33-.46-.33H7.6c-.66 0-1.34.12-2 .35-2.23.76-3.78 2.66-3.78 4.6 0 2.76 2.13 4.85 5 4.9-.07.23-.1.45-.1.66 0 .43.1.83.33 1.22h-.08c-2.72 0-5.17 1.34-6.1 3.32-.25.52-.37 1.04-.37 1.56 0 .5.13.98.38 1.44.6 1.04 1.84 1.86 3.55 2.28.87.23 1.82.34 2.8.34.88 0 1.7-.1 2.5-.34 2.4-.7 3.97-2.48 3.97-4.54 0-1.97-.63-3.15-2.33-4.35zm-7.7 4.5c0-1.42 1.8-2.68 3.9-2.68h.05c.45 0 .9.07 1.3.2l.42.28c.96.66 1.6 1.1 1.77 1.8.05.16.07.33.07.5 0 1.8-1.33 2.7-3.96 2.7-1.98 0-3.54-1.23-3.54-2.8zM5.54 3.9c.33-.38.75-.58 1.23-.58h.05c1.35.05 2.64 1.55 2.88 3.35.14 1.02-.08 1.97-.6 2.55-.32.37-.74.56-1.23.56h-.03c-1.32-.04-2.63-1.6-2.87-3.4-.13-1 .08-1.92.58-2.5zM23.5 9.5h-3v-3h-2v3h-3v2h3v3h2v-3h3\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Google +\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"bwSWdB\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://plus.google.com/share?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Google +\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=undefined\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=undefined\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <GoogleIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M11.37 12.93c-.73-.52-1.4-1.27-1.4-1.5 0-.43.03-.63.98-1.37 1.23-.97 1.9-2.23 1.9-3.57 0-1.22-.36-2.3-1-3.05h.5c.1 0 .2-.04.28-.1l1.36-.98c.16-.12.23-.34.17-.54-.07-.2-.25-.33-.46-.33H7.6c-.66 0-1.34.12-2 .35-2.23.76-3.78 2.66-3.78 4.6 0 2.76 2.13 4.85 5 4.9-.07.23-.1.45-.1.66 0 .43.1.83.33 1.22h-.08c-2.72 0-5.17 1.34-6.1 3.32-.25.52-.37 1.04-.37 1.56 0 .5.13.98.38 1.44.6 1.04 1.84 1.86 3.55 2.28.87.23 1.82.34 2.8.34.88 0 1.7-.1 2.5-.34 2.4-.7 3.97-2.48 3.97-4.54 0-1.97-.63-3.15-2.33-4.35zm-7.7 4.5c0-1.42 1.8-2.68 3.9-2.68h.05c.45 0 .9.07 1.3.2l.42.28c.96.66 1.6 1.1 1.77 1.8.05.16.07.33.07.5 0 1.8-1.33 2.7-3.96 2.7-1.98 0-3.54-1.23-3.54-2.8zM5.54 3.9c.33-.38.75-.58 1.23-.58h.05c1.35.05 2.64 1.55 2.88 3.35.14 1.02-.08 1.97-.6 2.55-.32.37-.74.56-1.23.56h-.03c-1.32-.04-2.63-1.6-2.87-3.4-.13-1 .08-1.92.58-2.5zM23.5 9.5h-3v-3h-2v3h-3v2h3v3h2v-3h3\"\n              />\n            </svg>\n          </GoogleIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"bwSWdB\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://plus.google.com/share?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Google +\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on Google Plus\"\n      href=\"https://plus.google.com/share?url=undefined\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=undefined\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on Google Plus\"\n      >\n        <a\n          aria-label=\"Share on Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Google Plus\"\n        >\n          <GoogleIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M11.37 12.93c-.73-.52-1.4-1.27-1.4-1.5 0-.43.03-.63.98-1.37 1.23-.97 1.9-2.23 1.9-3.57 0-1.22-.36-2.3-1-3.05h.5c.1 0 .2-.04.28-.1l1.36-.98c.16-.12.23-.34.17-.54-.07-.2-.25-.33-.46-.33H7.6c-.66 0-1.34.12-2 .35-2.23.76-3.78 2.66-3.78 4.6 0 2.76 2.13 4.85 5 4.9-.07.23-.1.45-.1.66 0 .43.1.83.33 1.22h-.08c-2.72 0-5.17 1.34-6.1 3.32-.25.52-.37 1.04-.37 1.56 0 .5.13.98.38 1.44.6 1.04 1.84 1.86 3.55 2.28.87.23 1.82.34 2.8.34.88 0 1.7-.1 2.5-.34 2.4-.7 3.97-2.48 3.97-4.54 0-1.97-.63-3.15-2.33-4.35zm-7.7 4.5c0-1.42 1.8-2.68 3.9-2.68h.05c.45 0 .9.07 1.3.2l.42.28c.96.66 1.6 1.1 1.77 1.8.05.16.07.33.07.5 0 1.8-1.33 2.7-3.96 2.7-1.98 0-3.54-1.23-3.54-2.8zM5.54 3.9c.33-.38.75-.58 1.23-.58h.05c1.35.05 2.64 1.55 2.88 3.35.14 1.02-.08 1.97-.6 2.55-.32.37-.74.56-1.23.56h-.03c-1.32-.04-2.63-1.6-2.87-3.4-.13-1 .08-1.92.58-2.5zM23.5 9.5h-3v-3h-2v3h-3v2h3v3h2v-3h3\"\n              />\n            </svg>\n          </GoogleIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Google 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    ariaName=\"Google Plus\"\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-EHOje\",\n          \"isStatic\": true,\n          \"lastClassName\": \"bwSWdB\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-EHOje\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://plus.google.com/share?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"Google +\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass Google Plus\"\n      href=\"https://plus.google.com/share?url=undefined\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass Google Plus\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass Google Plus\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://plus.google.com/share?url=undefined\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass Google Plus\"\n      >\n        <a\n          aria-label=\"Dope ass Google Plus\"\n          className=\"c0\"\n          href=\"https://plus.google.com/share?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass Google Plus\"\n        >\n          <GoogleIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M11.37 12.93c-.73-.52-1.4-1.27-1.4-1.5 0-.43.03-.63.98-1.37 1.23-.97 1.9-2.23 1.9-3.57 0-1.22-.36-2.3-1-3.05h.5c.1 0 .2-.04.28-.1l1.36-.98c.16-.12.23-.34.17-.54-.07-.2-.25-.33-.46-.33H7.6c-.66 0-1.34.12-2 .35-2.23.76-3.78 2.66-3.78 4.6 0 2.76 2.13 4.85 5 4.9-.07.23-.1.45-.1.66 0 .43.1.83.33 1.22h-.08c-2.72 0-5.17 1.34-6.1 3.32-.25.52-.37 1.04-.37 1.56 0 .5.13.98.38 1.44.6 1.04 1.84 1.86 3.55 2.28.87.23 1.82.34 2.8.34.88 0 1.7-.1 2.5-.34 2.4-.7 3.97-2.48 3.97-4.54 0-1.97-.63-3.15-2.33-4.35zm-7.7 4.5c0-1.42 1.8-2.68 3.9-2.68h.05c.45 0 .9.07 1.3.2l.42.28c.96.66 1.6 1.1 1.77 1.8.05.16.07.33.07.5 0 1.8-1.33 2.7-3.96 2.7-1.98 0-3.54-1.23-3.54-2.8zM5.54 3.9c.33-.38.75-.58 1.23-.58h.05c1.35.05 2.64 1.55 2.88 3.35.14 1.02-.08 1.97-.6 2.55-.32.37-.74.56-1.23.56h-.03c-1.32-.04-2.63-1.6-2.87-3.4-.13-1 .08-1.92.58-2.5zM23.5 9.5h-3v-3h-2v3h-3v2h3v3h2v-3h3\"\n              />\n            </svg>\n          </GoogleIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/hacker.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`HackerNews 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"HackerNews\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 256 256\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M128 256c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0 57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128zm-9.06-113.686L75 60h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L161.49 60h18.69l-44.34 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on HackerNews\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"HackerNews\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 256 256\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M128 256c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0 57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128zm-9.06-113.686L75 60h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L161.49 60h18.69l-44.34 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        HackerNews\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"HackerNews\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 256 256\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M128 256c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0 57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128zm-9.06-113.686L75 60h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L161.49 60h18.69l-44.34 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"HackerNews\"\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 256 256\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"128\"\n                          cy=\"128\"\n                          r=\"122.5\"\n                        />\n                        <path\n                          d=\"M128 256c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0 57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128zm-9.06-113.686L75 60h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L161.49 60h18.69l-44.34 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                          strokeWidth=\"10px\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on HackerNews\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"HackerNews\"\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 256 256\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"128\"\n                          cy=\"128\"\n                          r=\"122.5\"\n                        />\n                        <path\n                          d=\"M128 256c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0 57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128zm-9.06-113.686L75 60h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L161.49 60h18.69l-44.34 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                          strokeWidth=\"10px\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        HackerNews\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"HackerNews\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 256 256\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"128\"\n                          cy=\"128\"\n                          r=\"122.5\"\n                        />\n                        <path\n                          d=\"M128 256c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0 57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128zm-9.06-113.686L75 60h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L161.49 60h18.69l-44.34 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                          strokeWidth=\"10px\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"HackerNews\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 140 140\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M60.94 82.314L17 0h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L103.49 0h18.69L77.84 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on HackerNews\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"HackerNews\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 140 140\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M60.94 82.314L17 0h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L103.49 0h18.69L77.84 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        HackerNews\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"HackerNews\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fsharingbuttons.io&t=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 140 140\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M60.94 82.314L17 0h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L103.49 0h18.69L77.84 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"HackerNews\"\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 256 256\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"128\"\n                          cy=\"128\"\n                          r=\"122.5\"\n                        />\n                        <path\n                          d=\"M128 256c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0 57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128zm-9.06-113.686L75 60h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L161.49 60h18.69l-44.34 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                          strokeWidth=\"10px\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        HackerNews\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"HackerNews\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 256 256\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M128 256c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0 57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128zm-9.06-113.686L75 60h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L161.49 60h18.69l-44.34 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        HackerNews\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #ff6600;\n  border-color: #ff6600;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #fb6200;\n  border-color: #fb6200;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"HackerNews\"\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-VigVT\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-VigVT\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 140 140\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M60.94 82.314L17 0h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L103.49 0h18.69L77.84 83.308v53.087h-16.9v-54.08z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        HackerNews\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"bgFikP\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"HackerNews\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <HackerIconFill>\n            <svg\n              viewBox=\"0 0 140 140\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M60.94 82.314L17 0h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L103.49 0h18.69L77.84 83.308v53.087h-16.9v-54.08z\"\n                fillRule=\"evenodd\"\n              />\n            </svg>\n          </HackerIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"bgFikP\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"HackerNews\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Share on HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on HackerNews\"\n      >\n        <a\n          aria-label=\"Share on HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on HackerNews\"\n        >\n          <HackerIconFill>\n            <svg\n              viewBox=\"0 0 140 140\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M60.94 82.314L17 0h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L103.49 0h18.69L77.84 83.308v53.087h-16.9v-54.08z\"\n                fillRule=\"evenodd\"\n              />\n            </svg>\n          </HackerIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`HackerNews 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-VigVT\",\n          \"isStatic\": true,\n          \"lastClassName\": \"bgFikP\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-VigVT\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"HackerNews\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass HackerNews\"\n      href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass HackerNews\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass HackerNews\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass HackerNews\"\n      >\n        <a\n          aria-label=\"Dope ass HackerNews\"\n          className=\"c0\"\n          href=\"https://news.ycombinator.com/submitlink?u=&t=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass HackerNews\"\n        >\n          <HackerIconFill>\n            <svg\n              viewBox=\"0 0 140 140\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M60.94 82.314L17 0h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L103.49 0h18.69L77.84 83.308v53.087h-16.9v-54.08z\"\n                fillRule=\"evenodd\"\n              />\n            </svg>\n          </HackerIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/linkedin.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Linkedin 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"LinkedIn\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M9.5,16.5h-2v-7h2V16.5z M8.5,7.5 c-0.553,0-1-0.448-1-1c0-0.552,0.447-1,1-1s1,0.448,1,1C9.5,7.052,9.053,7.5,8.5,7.5z M18.5,16.5h-3V13c0-0.277-0.225-0.5-0.5-0.5 c-0.276,0-0.5,0.223-0.5,0.5v3.5h-3c0,0,0.031-6.478,0-7h3v0.835c0,0,0.457-0.753,1.707-0.753c1.55,0,2.293,1.12,2.293,3.296V16.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on LinkedIn\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"LinkedIn\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M9.5,16.5h-2v-7h2V16.5z M8.5,7.5 c-0.553,0-1-0.448-1-1c0-0.552,0.447-1,1-1s1,0.448,1,1C9.5,7.052,9.053,7.5,8.5,7.5z M18.5,16.5h-3V13c0-0.277-0.225-0.5-0.5-0.5 c-0.276,0-0.5,0.223-0.5,0.5v3.5h-3c0,0,0.031-6.478,0-7h3v0.835c0,0,0.457-0.753,1.707-0.753c1.55,0,2.293,1.12,2.293,3.296V16.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        LinkedIn\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"LinkedIn\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M9.5,16.5h-2v-7h2V16.5z M8.5,7.5 c-0.553,0-1-0.448-1-1c0-0.552,0.447-1,1-1s1,0.448,1,1C9.5,7.052,9.053,7.5,8.5,7.5z M18.5,16.5h-3V13c0-0.277-0.225-0.5-0.5-0.5 c-0.276,0-0.5,0.223-0.5,0.5v3.5h-3c0,0,0.031-6.478,0-7h3v0.835c0,0,0.457-0.753,1.707-0.753c1.55,0,2.293,1.12,2.293,3.296V16.5z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"LinkedIn\"\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15 12.5c-.28 0-.5.22-.5.5v3.5h-3s.03-6.48 0-7h3v.83s.46-.75 1.7-.75c1.56 0 2.3 1.12 2.3 3.3v3.62h-3V13c0-.28-.23-.5-.5-.5zm-7.5-3h2v7h-2z\"\n                        />\n                        <circle\n                          cx=\"8.5\"\n                          cy=\"6.5\"\n                          r=\"1\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on LinkedIn\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"LinkedIn\"\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15 12.5c-.28 0-.5.22-.5.5v3.5h-3s.03-6.48 0-7h3v.83s.46-.75 1.7-.75c1.56 0 2.3 1.12 2.3 3.3v3.62h-3V13c0-.28-.23-.5-.5-.5zm-7.5-3h2v7h-2z\"\n                        />\n                        <circle\n                          cx=\"8.5\"\n                          cy=\"6.5\"\n                          r=\"1\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        LinkedIn\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"LinkedIn\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15 12.5c-.28 0-.5.22-.5.5v3.5h-3s.03-6.48 0-7h3v.83s.46-.75 1.7-.75c1.56 0 2.3 1.12 2.3 3.3v3.62h-3V13c0-.28-.23-.5-.5-.5zm-7.5-3h2v7h-2z\"\n                        />\n                        <circle\n                          cx=\"8.5\"\n                          cy=\"6.5\"\n                          r=\"1\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"LinkedIn\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on LinkedIn\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"LinkedIn\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        LinkedIn\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"LinkedIn\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"LinkedIn\"\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M15 12.5c-.28 0-.5.22-.5.5v3.5h-3s.03-6.48 0-7h3v.83s.46-.75 1.7-.75c1.56 0 2.3 1.12 2.3 3.3v3.62h-3V13c0-.28-.23-.5-.5-.5zm-7.5-3h2v7h-2z\"\n                        />\n                        <circle\n                          cx=\"8.5\"\n                          cy=\"6.5\"\n                          r=\"1\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        LinkedIn\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"LinkedIn\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M9.5,16.5h-2v-7h2V16.5z M8.5,7.5 c-0.553,0-1-0.448-1-1c0-0.552,0.447-1,1-1s1,0.448,1,1C9.5,7.052,9.053,7.5,8.5,7.5z M18.5,16.5h-3V13c0-0.277-0.225-0.5-0.5-0.5 c-0.276,0-0.5,0.223-0.5,0.5v3.5h-3c0,0,0.031-6.478,0-7h3v0.835c0,0,0.457-0.753,1.707-0.753c1.55,0,2.293,1.12,2.293,3.296V16.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        LinkedIn\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #0077b5;\n  border-color: #0077b5;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #046293;\n  border-color: #046293;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"LinkedIn\"\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedComponent={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-dnqmqq\",\n                    \"isStatic\": false,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"foldedComponentIds\": Array [\n                    \"sc-bdVaJa\",\n                  ],\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-dnqmqq\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedComponent={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"foldedComponentIds\": Array [],\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        LinkedIn\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"dWbQzG\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"LinkedIn\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <LinkedinIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z\"\n              />\n            </svg>\n          </LinkedinIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"dWbQzG\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"LinkedIn\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Share on LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on LinkedIn\"\n      >\n        <a\n          aria-label=\"Share on LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on LinkedIn\"\n        >\n          <LinkedinIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z\"\n              />\n            </svg>\n          </LinkedinIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Linkedin 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-dnqmqq\",\n          \"isStatic\": false,\n          \"lastClassName\": \"dWbQzG\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"foldedComponentIds\": Array [\n          \"sc-bdVaJa\",\n        ],\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-dnqmqq\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"LinkedIn\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass LinkedIn\"\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass LinkedIn\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass LinkedIn\"\n        forwardedComponent={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"foldedComponentIds\": Array [],\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass LinkedIn\"\n      >\n        <a\n          aria-label=\"Dope ass LinkedIn\"\n          className=\"c0\"\n          href=\"https://www.linkedin.com/sharing/share-offsite/?url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass LinkedIn\"\n        >\n          <LinkedinIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z\"\n              />\n            </svg>\n          </LinkedinIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/mail.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Mail 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  solidcircle={true}\n  subject=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"E-mail\"\n    solidcircle={true}\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm8 16c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v8z\"\n                        />\n                        <path\n                          d=\"M17.9 8.18c-.2-.2-.5-.24-.72-.07L12 12.38 6.82 8.1c-.22-.16-.53-.13-.7.08s-.15.53.06.7l3.62 2.97-3.57 2.23c-.23.14-.3.45-.15.7.1.14.25.22.42.22.1 0 .18-.02.27-.08l3.85-2.4 1.06.87c.1.04.2.1.32.1s.23-.06.32-.1l1.06-.9 3.86 2.4c.08.06.17.1.26.1.17 0 .33-.1.42-.25.15-.24.08-.55-.15-.7l-3.57-2.22 3.62-2.96c.2-.2.24-.5.07-.72z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on E-mail\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  solidcircle={true}\n  subject=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"E-mail\"\n    solidcircle={true}\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm8 16c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v8z\"\n                        />\n                        <path\n                          d=\"M17.9 8.18c-.2-.2-.5-.24-.72-.07L12 12.38 6.82 8.1c-.22-.16-.53-.13-.7.08s-.15.53.06.7l3.62 2.97-3.57 2.23c-.23.14-.3.45-.15.7.1.14.25.22.42.22.1 0 .18-.02.27-.08l3.85-2.4 1.06.87c.1.04.2.1.32.1s.23-.06.32-.1l1.06-.9 3.86 2.4c.08.06.17.1.26.1.17 0 .33-.1.42-.25.15-.24.08-.55-.15-.7l-3.57-2.22 3.62-2.96c.2-.2.24-.5.07-.72z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        E-mail\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  small={true}\n  solidcircle={true}\n  subject=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"E-mail\"\n    small={true}\n    solidcircle={true}\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm8 16c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v8z\"\n                        />\n                        <path\n                          d=\"M17.9 8.18c-.2-.2-.5-.24-.72-.07L12 12.38 6.82 8.1c-.22-.16-.53-.13-.7.08s-.15.53.06.7l3.62 2.97-3.57 2.23c-.23.14-.3.45-.15.7.1.14.25.22.42.22.1 0 .18-.02.27-.08l3.85-2.4 1.06.87c.1.04.2.1.32.1s.23-.06.32-.1l1.06-.9 3.86 2.4c.08.06.17.1.26.1.17 0 .33-.1.42-.25.15-.24.08-.55-.15-.7l-3.57-2.22 3.62-2.96c.2-.2.24-.5.07-.72z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  subject=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"E-mail\"\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M19.5 16c0 .8-.7 1.5-1.5 1.5H6c-.8 0-1.5-.7-1.5-1.5V8c0-.8.7-1.5 1.5-1.5h12c.8 0 1.5.7 1.5 1.5v8zm-2-7.5L12 13 6.5 8.5m11 6l-4-2.5m-7 2.5l4-2.5\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on E-mail\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  subject=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"E-mail\"\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M19.5 16c0 .8-.7 1.5-1.5 1.5H6c-.8 0-1.5-.7-1.5-1.5V8c0-.8.7-1.5 1.5-1.5h12c.8 0 1.5.7 1.5 1.5v8zm-2-7.5L12 13 6.5 8.5m11 6l-4-2.5m-7 2.5l4-2.5\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        E-mail\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  small={true}\n  subject=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"E-mail\"\n    small={true}\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M19.5 16c0 .8-.7 1.5-1.5 1.5H6c-.8 0-1.5-.7-1.5-1.5V8c0-.8.7-1.5 1.5-1.5h12c.8 0 1.5.7 1.5 1.5v8zm-2-7.5L12 13 6.5 8.5m11 6l-4-2.5m-7 2.5l4-2.5\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  solid={true}\n  subject=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"E-mail\"\n    solid={true}\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on E-mail\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  solid={true}\n  subject=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"E-mail\"\n    solid={true}\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        E-mail\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component\n  body=\"http://sharingbuttons.io\"\n  small={true}\n  solid={true}\n  subject=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io%0A%0A\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"E-mail\"\n    small={true}\n    solid={true}\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io%0A%0A\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io%0A%0A\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=I%20am%20so%20cool&body=http%3A%2F%2Fsharingbuttons.io%0A%0A\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"mailto:?subject=&body=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"E-mail\"\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=&body=\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=&body=\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=&body=\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M19.5 16c0 .8-.7 1.5-1.5 1.5H6c-.8 0-1.5-.7-1.5-1.5V8c0-.8.7-1.5 1.5-1.5h12c.8 0 1.5.7 1.5 1.5v8zm-2-7.5L12 13 6.5 8.5m11 6l-4-2.5m-7 2.5l4-2.5\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        E-mail\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"mailto:?subject=&body=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"E-mail\"\n    solidcircle={true}\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=&body=\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=&body=\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=&body=\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm8 16c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v8z\"\n                        />\n                        <path\n                          d=\"M17.9 8.18c-.2-.2-.5-.24-.72-.07L12 12.38 6.82 8.1c-.22-.16-.53-.13-.7.08s-.15.53.06.7l3.62 2.97-3.57 2.23c-.23.14-.3.45-.15.7.1.14.25.22.42.22.1 0 .18-.02.27-.08l3.85-2.4 1.06.87c.1.04.2.1.32.1s.23-.06.32-.1l1.06-.9 3.86 2.4c.08.06.17.1.26.1.17 0 .33-.1.42-.25.15-.24.08-.55-.15-.7l-3.57-2.22 3.62-2.96c.2-.2.24-.5.07-.72z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        E-mail\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #777777;\n  border-color: #777777;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #5e5e5e;\n  border-color: #5e5e5e;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"mailto:?subject=&body=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"E-mail\"\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=&body=\"\n      rel=\"noreferrer noopener\"\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=&body=\"\n        rel=\"noreferrer noopener\"\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=&body=\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gzVnrw\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gzVnrw\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        E-mail\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"lgCdjb\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"mailto:?subject=&body=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"E-mail\"\n    simple={true}\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=&body=\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=&body=\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=&body=\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <EmailIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z\"\n              />\n            </svg>\n          </EmailIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"lgCdjb\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"mailto:?subject=&body=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"E-mail\"\n    simpleReverse={true}\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Share on E-mail\"\n      href=\"mailto:?subject=&body=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_self\"\n      title=\"Share on E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Share on E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=&body=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_self\"\n        title=\"Share on E-mail\"\n      >\n        <a\n          aria-label=\"Share on E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=&body=\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Share on E-mail\"\n        >\n          <EmailIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z\"\n              />\n            </svg>\n          </EmailIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Mail 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gzVnrw\",\n          \"isStatic\": true,\n          \"lastClassName\": \"lgCdjb\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gzVnrw\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"mailto:?subject=&body=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"E-mail\"\n    simpleReverse={true}\n    target=\"_self\"\n  >\n    <styled.a\n      aria-label=\"Dope ass E-mail\"\n      href=\"mailto:?subject=&body=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_self\"\n      title=\"Dope ass E-mail\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass E-mail\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"mailto:?subject=&body=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_self\"\n        title=\"Dope ass E-mail\"\n      >\n        <a\n          aria-label=\"Dope ass E-mail\"\n          className=\"c0\"\n          href=\"mailto:?subject=&body=\"\n          rel=\"noreferrer noopener\"\n          target=\"_self\"\n          title=\"Dope ass E-mail\"\n        >\n          <EmailIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z\"\n              />\n            </svg>\n          </EmailIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/pinterest.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Pinterest 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Pinterest\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm1.4 15.56c-1 0-1.94-.53-2.25-1.14l-.65 2.52c-.4 1.45-1.57 2.9-1.66 3-.06.1-.2.07-.22-.04-.02-.2-.32-2 .03-3.5l1.18-5s-.3-.6-.3-1.46c0-1.36.8-2.37 1.78-2.37.85 0 1.25.62 1.25 1.37 0 .85-.53 2.1-.8 3.27-.24.98.48 1.78 1.44 1.78 1.73 0 2.9-2.24 2.9-4.9 0-2-1.35-3.5-3.82-3.5-2.8 0-4.53 2.07-4.53 4.4 0 .5.1.9.25 1.23l-1.5.82c-.36-.64-.54-1.43-.54-2.28 0-2.6 2.2-5.74 6.57-5.74 3.5 0 5.82 2.54 5.82 5.27 0 3.6-2 6.3-4.96 6.3z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Pinterest\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Pinterest\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm1.4 15.56c-1 0-1.94-.53-2.25-1.14l-.65 2.52c-.4 1.45-1.57 2.9-1.66 3-.06.1-.2.07-.22-.04-.02-.2-.32-2 .03-3.5l1.18-5s-.3-.6-.3-1.46c0-1.36.8-2.37 1.78-2.37.85 0 1.25.62 1.25 1.37 0 .85-.53 2.1-.8 3.27-.24.98.48 1.78 1.44 1.78 1.73 0 2.9-2.24 2.9-4.9 0-2-1.35-3.5-3.82-3.5-2.8 0-4.53 2.07-4.53 4.4 0 .5.1.9.25 1.23l-1.5.82c-.36-.64-.54-1.43-.54-2.28 0-2.6 2.2-5.74 6.57-5.74 3.5 0 5.82 2.54 5.82 5.27 0 3.6-2 6.3-4.96 6.3z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Pinterest\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Pinterest\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm1.4 15.56c-1 0-1.94-.53-2.25-1.14l-.65 2.52c-.4 1.45-1.57 2.9-1.66 3-.06.1-.2.07-.22-.04-.02-.2-.32-2 .03-3.5l1.18-5s-.3-.6-.3-1.46c0-1.36.8-2.37 1.78-2.37.85 0 1.25.62 1.25 1.37 0 .85-.53 2.1-.8 3.27-.24.98.48 1.78 1.44 1.78 1.73 0 2.9-2.24 2.9-4.9 0-2-1.35-3.5-3.82-3.5-2.8 0-4.53 2.07-4.53 4.4 0 .5.1.9.25 1.23l-1.5.82c-.36-.64-.54-1.43-.54-2.28 0-2.6 2.2-5.74 6.57-5.74 3.5 0 5.82 2.54 5.82 5.27 0 3.6-2 6.3-4.96 6.3z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Pinterest\"\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M8 11.2c-.15-.32-.25-.72-.25-1.22 0-2.32 1.74-4.4 4.53-4.4 2.47 0 3.82 1.5 3.82 3.52 0 2.64-1.17 4.88-2.9 4.88-.97 0-1.7-.8-1.46-1.77.28-1.14.8-2.4.8-3.23 0-.76-.4-1.38-1.23-1.38-.95 0-1.74 1-1.74 2.37 0 .86.3 1.45.3 1.45l-1.2 5c-.34 1.5-.04 3.33-.02 3.5.02.1.16.15.22.06.1-.12 1.26-1.56 1.66-3l.66-2.53c.32.6 1.25 1.14 2.24 1.14 2.95 0 4.95-2.7 4.95-6.3 0-2.73-2.3-5.27-5.82-5.27-4.36 0-6.57 3.14-6.57 5.75 0 .85.18 1.64.53 2.28l1.5-.8z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Pinterest\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Pinterest\"\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M8 11.2c-.15-.32-.25-.72-.25-1.22 0-2.32 1.74-4.4 4.53-4.4 2.47 0 3.82 1.5 3.82 3.52 0 2.64-1.17 4.88-2.9 4.88-.97 0-1.7-.8-1.46-1.77.28-1.14.8-2.4.8-3.23 0-.76-.4-1.38-1.23-1.38-.95 0-1.74 1-1.74 2.37 0 .86.3 1.45.3 1.45l-1.2 5c-.34 1.5-.04 3.33-.02 3.5.02.1.16.15.22.06.1-.12 1.26-1.56 1.66-3l.66-2.53c.32.6 1.25 1.14 2.24 1.14 2.95 0 4.95-2.7 4.95-6.3 0-2.73-2.3-5.27-5.82-5.27-4.36 0-6.57 3.14-6.57 5.75 0 .85.18 1.64.53 2.28l1.5-.8z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Pinterest\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Pinterest\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M8 11.2c-.15-.32-.25-.72-.25-1.22 0-2.32 1.74-4.4 4.53-4.4 2.47 0 3.82 1.5 3.82 3.52 0 2.64-1.17 4.88-2.9 4.88-.97 0-1.7-.8-1.46-1.77.28-1.14.8-2.4.8-3.23 0-.76-.4-1.38-1.23-1.38-.95 0-1.74 1-1.74 2.37 0 .86.3 1.45.3 1.45l-1.2 5c-.34 1.5-.04 3.33-.02 3.5.02.1.16.15.22.06.1-.12 1.26-1.56 1.66-3l.66-2.53c.32.6 1.25 1.14 2.24 1.14 2.95 0 4.95-2.7 4.95-6.3 0-2.73-2.3-5.27-5.82-5.27-4.36 0-6.57 3.14-6.57 5.75 0 .85.18 1.64.53 2.28l1.5-.8z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Pinterest\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Pinterest\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Pinterest\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Pinterest\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Pinterest\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fsharingbuttons.io&media=http%3A%2F%2Fsharingbuttons.io&description=I%20am%20so%20cool\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Pinterest\"\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M8 11.2c-.15-.32-.25-.72-.25-1.22 0-2.32 1.74-4.4 4.53-4.4 2.47 0 3.82 1.5 3.82 3.52 0 2.64-1.17 4.88-2.9 4.88-.97 0-1.7-.8-1.46-1.77.28-1.14.8-2.4.8-3.23 0-.76-.4-1.38-1.23-1.38-.95 0-1.74 1-1.74 2.37 0 .86.3 1.45.3 1.45l-1.2 5c-.34 1.5-.04 3.33-.02 3.5.02.1.16.15.22.06.1-.12 1.26-1.56 1.66-3l.66-2.53c.32.6 1.25 1.14 2.24 1.14 2.95 0 4.95-2.7 4.95-6.3 0-2.73-2.3-5.27-5.82-5.27-4.36 0-6.57 3.14-6.57 5.75 0 .85.18 1.64.53 2.28l1.5-.8z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Pinterest\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Pinterest\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm1.4 15.56c-1 0-1.94-.53-2.25-1.14l-.65 2.52c-.4 1.45-1.57 2.9-1.66 3-.06.1-.2.07-.22-.04-.02-.2-.32-2 .03-3.5l1.18-5s-.3-.6-.3-1.46c0-1.36.8-2.37 1.78-2.37.85 0 1.25.62 1.25 1.37 0 .85-.53 2.1-.8 3.27-.24.98.48 1.78 1.44 1.78 1.73 0 2.9-2.24 2.9-4.9 0-2-1.35-3.5-3.82-3.5-2.8 0-4.53 2.07-4.53 4.4 0 .5.1.9.25 1.23l-1.5.82c-.36-.64-.54-1.43-.54-2.28 0-2.6 2.2-5.74 6.57-5.74 3.5 0 5.82 2.54 5.82 5.27 0 3.6-2 6.3-4.96 6.3z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Pinterest\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #bd081c;\n  border-color: #bd081c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #8c0615;\n  border-color: #8c0615;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Pinterest\"\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-htoDjs\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-htoDjs\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Pinterest\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"iDMdLo\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Pinterest\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <PinterestIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z\"\n              />\n            </svg>\n          </PinterestIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"iDMdLo\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Pinterest\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on Pinterest\"\n      >\n        <a\n          aria-label=\"Share on Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Pinterest\"\n        >\n          <PinterestIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z\"\n              />\n            </svg>\n          </PinterestIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Pinterest 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-htoDjs\",\n          \"isStatic\": true,\n          \"lastClassName\": \"iDMdLo\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-htoDjs\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"Pinterest\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass Pinterest\"\n      href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass Pinterest\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass Pinterest\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass Pinterest\"\n      >\n        <a\n          aria-label=\"Dope ass Pinterest\"\n          className=\"c0\"\n          href=\"https://pinterest.com/pin/create/button/?url=&media=&description=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass Pinterest\"\n        >\n          <PinterestIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z\"\n              />\n            </svg>\n          </PinterestIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/reddit.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Reddit 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Reddit\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"9.391\"\n                          cy=\"13.392\"\n                          r=\".978\"\n                        />\n                        <path\n                          d=\"M14.057 15.814c-1.14.66-2.987.655-4.122-.004-.238-.138-.545-.058-.684.182-.13.24-.05.545.19.685.72.417 1.63.646 2.568.646.93 0 1.84-.228 2.558-.642.24-.13.32-.44.185-.68-.14-.24-.445-.32-.683-.18zM5 12.086c0 .41.23.78.568.978.27-.662.735-1.264 1.353-1.774-.2-.207-.48-.334-.79-.334-.62 0-1.13.507-1.13 1.13z\"\n                        />\n                        <path\n                          d=\"M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm6.673 14.055c.01.104.022.208.022.314 0 2.61-3.004 4.73-6.695 4.73s-6.695-2.126-6.695-4.74c0-.105.013-.21.022-.313C4.537 13.73 4 12.97 4 12.08c0-1.173.956-2.13 2.13-2.13.63 0 1.218.29 1.618.757 1.04-.607 2.345-.99 3.77-1.063.057-.803.308-2.33 1.388-2.95.633-.366 1.417-.323 2.322.085.302-.81 1.076-1.397 1.99-1.397 1.174 0 2.13.96 2.13 2.13 0 1.177-.956 2.133-2.13 2.133-1.065 0-1.942-.79-2.098-1.81-.734-.4-1.315-.506-1.716-.276-.6.346-.818 1.395-.88 2.087 1.407.08 2.697.46 3.728 1.065.4-.468.987-.756 1.617-.756 1.17 0 2.13.953 2.13 2.13 0 .89-.54 1.65-1.33 1.97z\"\n                        />\n                        <circle\n                          cx=\"14.609\"\n                          cy=\"13.391\"\n                          r=\".978\"\n                        />\n                        <path\n                          d=\"M17.87 10.956c-.302 0-.583.128-.79.334.616.51 1.082 1.112 1.352 1.774.34-.197.568-.566.568-.978 0-.623-.507-1.13-1.13-1.13z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Reddit\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Reddit\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"9.391\"\n                          cy=\"13.392\"\n                          r=\".978\"\n                        />\n                        <path\n                          d=\"M14.057 15.814c-1.14.66-2.987.655-4.122-.004-.238-.138-.545-.058-.684.182-.13.24-.05.545.19.685.72.417 1.63.646 2.568.646.93 0 1.84-.228 2.558-.642.24-.13.32-.44.185-.68-.14-.24-.445-.32-.683-.18zM5 12.086c0 .41.23.78.568.978.27-.662.735-1.264 1.353-1.774-.2-.207-.48-.334-.79-.334-.62 0-1.13.507-1.13 1.13z\"\n                        />\n                        <path\n                          d=\"M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm6.673 14.055c.01.104.022.208.022.314 0 2.61-3.004 4.73-6.695 4.73s-6.695-2.126-6.695-4.74c0-.105.013-.21.022-.313C4.537 13.73 4 12.97 4 12.08c0-1.173.956-2.13 2.13-2.13.63 0 1.218.29 1.618.757 1.04-.607 2.345-.99 3.77-1.063.057-.803.308-2.33 1.388-2.95.633-.366 1.417-.323 2.322.085.302-.81 1.076-1.397 1.99-1.397 1.174 0 2.13.96 2.13 2.13 0 1.177-.956 2.133-2.13 2.133-1.065 0-1.942-.79-2.098-1.81-.734-.4-1.315-.506-1.716-.276-.6.346-.818 1.395-.88 2.087 1.407.08 2.697.46 3.728 1.065.4-.468.987-.756 1.617-.756 1.17 0 2.13.953 2.13 2.13 0 .89-.54 1.65-1.33 1.97z\"\n                        />\n                        <circle\n                          cx=\"14.609\"\n                          cy=\"13.391\"\n                          r=\".978\"\n                        />\n                        <path\n                          d=\"M17.87 10.956c-.302 0-.583.128-.79.334.616.51 1.082 1.112 1.352 1.774.34-.197.568-.566.568-.978 0-.623-.507-1.13-1.13-1.13z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Reddit\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Reddit\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"9.391\"\n                          cy=\"13.392\"\n                          r=\".978\"\n                        />\n                        <path\n                          d=\"M14.057 15.814c-1.14.66-2.987.655-4.122-.004-.238-.138-.545-.058-.684.182-.13.24-.05.545.19.685.72.417 1.63.646 2.568.646.93 0 1.84-.228 2.558-.642.24-.13.32-.44.185-.68-.14-.24-.445-.32-.683-.18zM5 12.086c0 .41.23.78.568.978.27-.662.735-1.264 1.353-1.774-.2-.207-.48-.334-.79-.334-.62 0-1.13.507-1.13 1.13z\"\n                        />\n                        <path\n                          d=\"M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm6.673 14.055c.01.104.022.208.022.314 0 2.61-3.004 4.73-6.695 4.73s-6.695-2.126-6.695-4.74c0-.105.013-.21.022-.313C4.537 13.73 4 12.97 4 12.08c0-1.173.956-2.13 2.13-2.13.63 0 1.218.29 1.618.757 1.04-.607 2.345-.99 3.77-1.063.057-.803.308-2.33 1.388-2.95.633-.366 1.417-.323 2.322.085.302-.81 1.076-1.397 1.99-1.397 1.174 0 2.13.96 2.13 2.13 0 1.177-.956 2.133-2.13 2.133-1.065 0-1.942-.79-2.098-1.81-.734-.4-1.315-.506-1.716-.276-.6.346-.818 1.395-.88 2.087 1.407.08 2.697.46 3.728 1.065.4-.468.987-.756 1.617-.756 1.17 0 2.13.953 2.13 2.13 0 .89-.54 1.65-1.33 1.97z\"\n                        />\n                        <circle\n                          cx=\"14.609\"\n                          cy=\"13.391\"\n                          r=\".978\"\n                        />\n                        <path\n                          d=\"M17.87 10.956c-.302 0-.583.128-.79.334.616.51 1.082 1.112 1.352 1.774.34-.197.568-.566.568-.978 0-.623-.507-1.13-1.13-1.13z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Reddit\"\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <ellipse\n                          cx=\"12\"\n                          cy=\"14.37\"\n                          rx=\"6.2\"\n                          ry=\"4.24\"\n                        />\n                        <path\n                          d=\"M14.3 16.25c-.62.36-1.42.57-2.3.57-.88 0-1.7-.2-2.32-.58\"\n                        />\n                        <circle\n                          cx=\"14.61\"\n                          cy=\"13.39\"\n                          r=\".98\"\n                        />\n                        <circle\n                          cx=\"9.39\"\n                          cy=\"13.39\"\n                          r=\".98\"\n                        />\n                        <path\n                          d=\"M16.4 11.38c.26-.55.82-.92 1.47-.92.9 0 1.63.73 1.63 1.63 0 .8-.6 1.47-1.38 1.6\"\n                        />\n                        <circle\n                          cx=\"17.22\"\n                          cy=\"7.52\"\n                          r=\"1.63\"\n                        />\n                        <path\n                          d=\"M7.6 11.38c-.26-.54-.82-.92-1.47-.92-.9 0-1.63.73-1.63 1.63 0 .8.6 1.47 1.38 1.6M12 10.12s-.08-4.82 3.6-2.6\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Reddit\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Reddit\"\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <ellipse\n                          cx=\"12\"\n                          cy=\"14.37\"\n                          rx=\"6.2\"\n                          ry=\"4.24\"\n                        />\n                        <path\n                          d=\"M14.3 16.25c-.62.36-1.42.57-2.3.57-.88 0-1.7-.2-2.32-.58\"\n                        />\n                        <circle\n                          cx=\"14.61\"\n                          cy=\"13.39\"\n                          r=\".98\"\n                        />\n                        <circle\n                          cx=\"9.39\"\n                          cy=\"13.39\"\n                          r=\".98\"\n                        />\n                        <path\n                          d=\"M16.4 11.38c.26-.55.82-.92 1.47-.92.9 0 1.63.73 1.63 1.63 0 .8-.6 1.47-1.38 1.6\"\n                        />\n                        <circle\n                          cx=\"17.22\"\n                          cy=\"7.52\"\n                          r=\"1.63\"\n                        />\n                        <path\n                          d=\"M7.6 11.38c-.26-.54-.82-.92-1.47-.92-.9 0-1.63.73-1.63 1.63 0 .8.6 1.47 1.38 1.6M12 10.12s-.08-4.82 3.6-2.6\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Reddit\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  small={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Reddit\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <ellipse\n                          cx=\"12\"\n                          cy=\"14.37\"\n                          rx=\"6.2\"\n                          ry=\"4.24\"\n                        />\n                        <path\n                          d=\"M14.3 16.25c-.62.36-1.42.57-2.3.57-.88 0-1.7-.2-2.32-.58\"\n                        />\n                        <circle\n                          cx=\"14.61\"\n                          cy=\"13.39\"\n                          r=\".98\"\n                        />\n                        <circle\n                          cx=\"9.39\"\n                          cy=\"13.39\"\n                          r=\".98\"\n                        />\n                        <path\n                          d=\"M16.4 11.38c.26-.55.82-.92 1.47-.92.9 0 1.63.73 1.63 1.63 0 .8-.6 1.47-1.38 1.6\"\n                        />\n                        <circle\n                          cx=\"17.22\"\n                          cy=\"7.52\"\n                          r=\"1.63\"\n                        />\n                        <path\n                          d=\"M7.6 11.38c-.26-.54-.82-.92-1.47-.92-.9 0-1.63.73-1.63 1.63 0 .8.6 1.47 1.38 1.6M12 10.12s-.08-4.82 3.6-2.6\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  solid={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Reddit\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Reddit\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Reddit\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Reddit\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Reddit\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://reddit.com/submit/?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Reddit\"\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <ellipse\n                          cx=\"12\"\n                          cy=\"14.37\"\n                          rx=\"6.2\"\n                          ry=\"4.24\"\n                        />\n                        <path\n                          d=\"M14.3 16.25c-.62.36-1.42.57-2.3.57-.88 0-1.7-.2-2.32-.58\"\n                        />\n                        <circle\n                          cx=\"14.61\"\n                          cy=\"13.39\"\n                          r=\".98\"\n                        />\n                        <circle\n                          cx=\"9.39\"\n                          cy=\"13.39\"\n                          r=\".98\"\n                        />\n                        <path\n                          d=\"M16.4 11.38c.26-.55.82-.92 1.47-.92.9 0 1.63.73 1.63 1.63 0 .8-.6 1.47-1.38 1.6\"\n                        />\n                        <circle\n                          cx=\"17.22\"\n                          cy=\"7.52\"\n                          r=\"1.63\"\n                        />\n                        <path\n                          d=\"M7.6 11.38c-.26-.54-.82-.92-1.47-.92-.9 0-1.63.73-1.63 1.63 0 .8.6 1.47 1.38 1.6M12 10.12s-.08-4.82 3.6-2.6\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Reddit\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://reddit.com/submit/?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Reddit\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"9.391\"\n                          cy=\"13.392\"\n                          r=\".978\"\n                        />\n                        <path\n                          d=\"M14.057 15.814c-1.14.66-2.987.655-4.122-.004-.238-.138-.545-.058-.684.182-.13.24-.05.545.19.685.72.417 1.63.646 2.568.646.93 0 1.84-.228 2.558-.642.24-.13.32-.44.185-.68-.14-.24-.445-.32-.683-.18zM5 12.086c0 .41.23.78.568.978.27-.662.735-1.264 1.353-1.774-.2-.207-.48-.334-.79-.334-.62 0-1.13.507-1.13 1.13z\"\n                        />\n                        <path\n                          d=\"M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm6.673 14.055c.01.104.022.208.022.314 0 2.61-3.004 4.73-6.695 4.73s-6.695-2.126-6.695-4.74c0-.105.013-.21.022-.313C4.537 13.73 4 12.97 4 12.08c0-1.173.956-2.13 2.13-2.13.63 0 1.218.29 1.618.757 1.04-.607 2.345-.99 3.77-1.063.057-.803.308-2.33 1.388-2.95.633-.366 1.417-.323 2.322.085.302-.81 1.076-1.397 1.99-1.397 1.174 0 2.13.96 2.13 2.13 0 1.177-.956 2.133-2.13 2.133-1.065 0-1.942-.79-2.098-1.81-.734-.4-1.315-.506-1.716-.276-.6.346-.818 1.395-.88 2.087 1.407.08 2.697.46 3.728 1.065.4-.468.987-.756 1.617-.756 1.17 0 2.13.953 2.13 2.13 0 .89-.54 1.65-1.33 1.97z\"\n                        />\n                        <circle\n                          cx=\"14.609\"\n                          cy=\"13.391\"\n                          r=\".978\"\n                        />\n                        <path\n                          d=\"M17.87 10.956c-.302 0-.583.128-.79.334.616.51 1.082 1.112 1.352 1.774.34-.197.568-.566.568-.978 0-.623-.507-1.13-1.13-1.13z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Reddit\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #3a80c1;\n  border-color: #3a80c1;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://reddit.com/submit/?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Reddit\"\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-iwsKbI\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-iwsKbI\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Reddit\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"buVPmO\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://reddit.com/submit/?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Reddit\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=undefined\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=undefined\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <RedditIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z\"\n              />\n            </svg>\n          </RedditIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"buVPmO\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://reddit.com/submit/?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Reddit\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on Reddit\"\n      href=\"https://reddit.com/submit/?url=undefined\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=undefined\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on Reddit\"\n      >\n        <a\n          aria-label=\"Share on Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Reddit\"\n        >\n          <RedditIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z\"\n              />\n            </svg>\n          </RedditIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Reddit 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-iwsKbI\",\n          \"isStatic\": true,\n          \"lastClassName\": \"buVPmO\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-iwsKbI\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://reddit.com/submit/?url=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"Reddit\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass Reddit\"\n      href=\"https://reddit.com/submit/?url=undefined\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass Reddit\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass Reddit\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://reddit.com/submit/?url=undefined\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass Reddit\"\n      >\n        <a\n          aria-label=\"Dope ass Reddit\"\n          className=\"c0\"\n          href=\"https://reddit.com/submit/?url=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass Reddit\"\n        >\n          <RedditIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z\"\n              />\n            </svg>\n          </RedditIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/telegram.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Telegram 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Telegram\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 23.5c6.35 0 11.5-5.15 11.5-11.5S18.35.5 12 .5.5 5.65.5 12 5.65 23.5 12 23.5zM2.505 11.053c-.31.118-.505.738-.505.738s.203.62.513.737l3.636 1.355 1.417 4.557a.787.787 0 0 0 1.25.375l2.115-1.72a.29.29 0 0 1 .353-.01L15.1 19.85a.786.786 0 0 0 .746.095.786.786 0 0 0 .487-.573l2.793-13.426a.787.787 0 0 0-1.054-.893l-15.568 6z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Telegram\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    message=\"I am so cool\"\n    name=\"Telegram\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 23.5c6.35 0 11.5-5.15 11.5-11.5S18.35.5 12 .5.5 5.65.5 12 5.65 23.5 12 23.5zM2.505 11.053c-.31.118-.505.738-.505.738s.203.62.513.737l3.636 1.355 1.417 4.557a.787.787 0 0 0 1.25.375l2.115-1.72a.29.29 0 0 1 .353-.01L15.1 19.85a.786.786 0 0 0 .746.095.786.786 0 0 0 .487-.573l2.793-13.426a.787.787 0 0 0-1.054-.893l-15.568 6z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Telegram\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Telegram\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 23.5c6.35 0 11.5-5.15 11.5-11.5S18.35.5 12 .5.5 5.65.5 12 5.65 23.5 12 23.5zM2.505 11.053c-.31.118-.505.738-.505.738s.203.62.513.737l3.636 1.355 1.417 4.557a.787.787 0 0 0 1.25.375l2.115-1.72a.29.29 0 0 1 .353-.01L15.1 19.85a.786.786 0 0 0 .746.095.786.786 0 0 0 .487-.573l2.793-13.426a.787.787 0 0 0-1.054-.893l-15.568 6z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Telegram\"\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M2.505 11.053c-.31.118-.505.738-.505.738s.203.62.513.737l3.636 1.355 1.417 4.557a.787.787 0 0 0 1.25.375l2.115-1.72a.29.29 0 0 1 .353-.01L15.1 19.85a.786.786 0 0 0 .746.095.786.786 0 0 0 .487-.573l2.793-13.426a.787.787 0 0 0-1.054-.893l-15.568 6z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Telegram\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    message=\"I am so cool\"\n    name=\"Telegram\"\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M2.505 11.053c-.31.118-.505.738-.505.738s.203.62.513.737l3.636 1.355 1.417 4.557a.787.787 0 0 0 1.25.375l2.115-1.72a.29.29 0 0 1 .353-.01L15.1 19.85a.786.786 0 0 0 .746.095.786.786 0 0 0 .487-.573l2.793-13.426a.787.787 0 0 0-1.054-.893l-15.568 6z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Telegram\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Telegram\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M2.505 11.053c-.31.118-.505.738-.505.738s.203.62.513.737l3.636 1.355 1.417 4.557a.787.787 0 0 0 1.25.375l2.115-1.72a.29.29 0 0 1 .353-.01L15.1 19.85a.786.786 0 0 0 .746.095.786.786 0 0 0 .487-.573l2.793-13.426a.787.787 0 0 0-1.054-.893l-15.568 6z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Telegram\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Telegram\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    message=\"I am so cool\"\n    name=\"Telegram\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Telegram\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Telegram\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://telegram.me/share/url?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Telegram\"\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M2.505 11.053c-.31.118-.505.738-.505.738s.203.62.513.737l3.636 1.355 1.417 4.557a.787.787 0 0 0 1.25.375l2.115-1.72a.29.29 0 0 1 .353-.01L15.1 19.85a.786.786 0 0 0 .746.095.786.786 0 0 0 .487-.573l2.793-13.426a.787.787 0 0 0-1.054-.893l-15.568 6z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Telegram\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://telegram.me/share/url?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Telegram\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 23.5c6.35 0 11.5-5.15 11.5-11.5S18.35.5 12 .5.5 5.65.5 12 5.65 23.5 12 23.5zM2.505 11.053c-.31.118-.505.738-.505.738s.203.62.513.737l3.636 1.355 1.417 4.557a.787.787 0 0 0 1.25.375l2.115-1.72a.29.29 0 0 1 .353-.01L15.1 19.85a.786.786 0 0 0 .746.095.786.786 0 0 0 .487-.573l2.793-13.426a.787.787 0 0 0-1.054-.893l-15.568 6z\"\n                          fillRule=\"evenodd\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Telegram\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #4b97d1;\n  border-color: #4b97d1;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://telegram.me/share/url?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Telegram\"\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-fjdhpX\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-fjdhpX\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Telegram\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"gTPjFA\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://telegram.me/share/url?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Telegram\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <TelegramIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z\"\n              />\n            </svg>\n          </TelegramIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"gTPjFA\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://telegram.me/share/url?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Telegram\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on Telegram\"\n      >\n        <a\n          aria-label=\"Share on Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Telegram\"\n        >\n          <TelegramIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z\"\n              />\n            </svg>\n          </TelegramIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Telegram 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-fjdhpX\",\n          \"isStatic\": true,\n          \"lastClassName\": \"gTPjFA\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-fjdhpX\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://telegram.me/share/url?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"Telegram\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass Telegram\"\n      href=\"https://telegram.me/share/url?text=&url=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass Telegram\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass Telegram\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://telegram.me/share/url?text=&url=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass Telegram\"\n      >\n        <a\n          aria-label=\"Dope ass Telegram\"\n          className=\"c0\"\n          href=\"https://telegram.me/share/url?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass Telegram\"\n        >\n          <TelegramIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z\"\n              />\n            </svg>\n          </TelegramIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/tumblr.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Tumblr 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Tumblr\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M15.492,17.616C11.401,19.544,9.5,17,9.5,14.031 V9.5h-2V8.142c0.549-0.178,1.236-0.435,1.627-0.768c0.393-0.334,0.707-0.733,0.943-1.2c0.238-0.467,0.401-0.954,0.49-1.675H12.5v3h2 v2h-2v3.719c0,2.468,1.484,2.692,2.992,1.701V17.616z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Tumblr\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    message=\"I am so cool\"\n    name=\"Tumblr\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M15.492,17.616C11.401,19.544,9.5,17,9.5,14.031 V9.5h-2V8.142c0.549-0.178,1.236-0.435,1.627-0.768c0.393-0.334,0.707-0.733,0.943-1.2c0.238-0.467,0.401-0.954,0.49-1.675H12.5v3h2 v2h-2v3.719c0,2.468,1.484,2.692,2.992,1.701V17.616z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Tumblr\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Tumblr\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M15.492,17.616C11.401,19.544,9.5,17,9.5,14.031 V9.5h-2V8.142c0.549-0.178,1.236-0.435,1.627-0.768c0.393-0.334,0.707-0.733,0.943-1.2c0.238-0.467,0.401-0.954,0.49-1.675H12.5v3h2 v2h-2v3.719c0,2.468,1.484,2.692,2.992,1.701V17.616z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Tumblr\"\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M15.492,17.616C11.401,19.544,9.5,17,9.5,14.031 V9.5h-2V8.142c0.549-0.178,1.236-0.435,1.627-0.768c0.393-0.334,0.707-0.733,0.943-1.2c0.238-0.467,0.401-0.954,0.49-1.675H12.5v3h2 v2h-2v3.719c0,2.468,1.484,2.692,2.992,1.701V17.616z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Tumblr\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    message=\"I am so cool\"\n    name=\"Tumblr\"\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M15.492,17.616C11.401,19.544,9.5,17,9.5,14.031 V9.5h-2V8.142c0.549-0.178,1.236-0.435,1.627-0.768c0.393-0.334,0.707-0.733,0.943-1.2c0.238-0.467,0.401-0.954,0.49-1.675H12.5v3h2 v2h-2v3.719c0,2.468,1.484,2.692,2.992,1.701V17.616z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Tumblr\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Tumblr\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M15.492,17.616C11.401,19.544,9.5,17,9.5,14.031 V9.5h-2V8.142c0.549-0.178,1.236-0.435,1.627-0.768c0.393-0.334,0.707-0.733,0.943-1.2c0.238-0.467,0.401-0.954,0.49-1.675H12.5v3h2 v2h-2v3.719c0,2.468,1.484,2.692,2.992,1.701V17.616z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Tumblr\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M13.5.5v5h5v4h-5V15c0 5 3.5 4.4 6 2.8v4.4c-6.7 3.2-12 0-12-4.2V9.5h-3V6.7c1-.3 2.2-.7 3-1.3.5-.5 1-1.2 1.4-2 .3-.7.6-1.7.7-3h3.8z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Tumblr\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    message=\"I am so cool\"\n    name=\"Tumblr\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M13.5.5v5h5v4h-5V15c0 5 3.5 4.4 6 2.8v4.4c-6.7 3.2-12 0-12-4.2V9.5h-3V6.7c1-.3 2.2-.7 3-1.3.5-.5 1-1.2 1.4-2 .3-.7.6-1.7.7-3h3.8z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Tumblr\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    message=\"I am so cool\"\n    name=\"Tumblr\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)\n            message=\"I am so cool\"\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              message=\"I am so cool\"\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M13.5.5v5h5v4h-5V15c0 5 3.5 4.4 6 2.8v4.4c-6.7 3.2-12 0-12-4.2V9.5h-3V6.7c1-.3 2.2-.7 3-1.3.5-.5 1-1.2 1.4-2 .3-.7.6-1.7.7-3h3.8z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Tumblr\"\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M15.492,17.616C11.401,19.544,9.5,17,9.5,14.031 V9.5h-2V8.142c0.549-0.178,1.236-0.435,1.627-0.768c0.393-0.334,0.707-0.733,0.943-1.2c0.238-0.467,0.401-0.954,0.49-1.675H12.5v3h2 v2h-2v3.719c0,2.468,1.484,2.692,2.992,1.701V17.616z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Tumblr\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Tumblr\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        enableBackground=\"new 0 0 24 24\"\n                        height=\"24px\"\n                        version=\"1.1\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24px\"\n                        x=\"0px\"\n                        xmlSpace=\"preserve\"\n                        y=\"0px\"\n                      >\n                        <path\n                          d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M15.492,17.616C11.401,19.544,9.5,17,9.5,14.031 V9.5h-2V8.142c0.549-0.178,1.236-0.435,1.627-0.768c0.393-0.334,0.707-0.733,0.943-1.2c0.238-0.467,0.401-0.954,0.49-1.675H12.5v3h2 v2h-2v3.719c0,2.468,1.484,2.692,2.992,1.701V17.616z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Tumblr\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #35465c;\n  border-color: #35465c;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #222d3c;\n  border-color: #222d3c;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Tumblr\"\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bZQynM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bZQynM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M13.5.5v5h5v4h-5V15c0 5 3.5 4.4 6 2.8v4.4c-6.7 3.2-12 0-12-4.2V9.5h-3V6.7c1-.3 2.2-.7 3-1.3.5-.5 1-1.2 1.4-2 .3-.7.6-1.7.7-3h3.8z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Tumblr\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"dkGtst\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Tumblr\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <TumblrIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M13.5.5v5h5v4h-5V15c0 5 3.5 4.4 6 2.8v4.4c-6.7 3.2-12 0-12-4.2V9.5h-3V6.7c1-.3 2.2-.7 3-1.3.5-.5 1-1.2 1.4-2 .3-.7.6-1.7.7-3h3.8z\"\n              />\n            </svg>\n          </TumblrIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"dkGtst\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Tumblr\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on Tumblr\"\n      >\n        <a\n          aria-label=\"Share on Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Tumblr\"\n        >\n          <TumblrIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M13.5.5v5h5v4h-5V15c0 5 3.5 4.4 6 2.8v4.4c-6.7 3.2-12 0-12-4.2V9.5h-3V6.7c1-.3 2.2-.7 3-1.3.5-.5 1-1.2 1.4-2 .3-.7.6-1.7.7-3h3.8z\"\n              />\n            </svg>\n          </TumblrIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Tumblr 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bZQynM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"dkGtst\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bZQynM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"Tumblr\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass Tumblr\"\n      href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass Tumblr\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass Tumblr\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass Tumblr\"\n      >\n        <a\n          aria-label=\"Dope ass Tumblr\"\n          className=\"c0\"\n          href=\"http://tumblr.com/widgets/share/tool?canonicalUrl=undefined\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass Tumblr\"\n        >\n          <TumblrIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M13.5.5v5h5v4h-5V15c0 5 3.5 4.4 6 2.8v4.4c-6.7 3.2-12 0-12-4.2V9.5h-3V6.7c1-.3 2.2-.7 3-1.3.5-.5 1-1.2 1.4-2 .3-.7.6-1.7.7-3h3.8z\"\n              />\n            </svg>\n          </TumblrIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/twitter.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Twitter 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Twitter\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm5.26 9.38v.34c0 3.48-2.64 7.5-7.48 7.5-1.48 0-2.87-.44-4.03-1.2 1.37.17 2.77-.2 3.9-1.08-1.16-.02-2.13-.78-2.46-1.83.38.1.8.07 1.17-.03-1.2-.24-2.1-1.3-2.1-2.58v-.05c.35.2.75.32 1.18.33-.7-.47-1.17-1.28-1.17-2.2 0-.47.13-.92.36-1.3C7.94 8.85 9.88 9.9 12.06 10c-.04-.2-.06-.4-.06-.6 0-1.46 1.18-2.63 2.63-2.63.76 0 1.44.3 1.92.82.6-.12 1.95-.27 1.95-.27-.35.53-.72 1.66-1.24 2.04z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Twitter\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Twitter\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm5.26 9.38v.34c0 3.48-2.64 7.5-7.48 7.5-1.48 0-2.87-.44-4.03-1.2 1.37.17 2.77-.2 3.9-1.08-1.16-.02-2.13-.78-2.46-1.83.38.1.8.07 1.17-.03-1.2-.24-2.1-1.3-2.1-2.58v-.05c.35.2.75.32 1.18.33-.7-.47-1.17-1.28-1.17-2.2 0-.47.13-.92.36-1.3C7.94 8.85 9.88 9.9 12.06 10c-.04-.2-.06-.4-.06-.6 0-1.46 1.18-2.63 2.63-2.63.76 0 1.44.3 1.92.82.6-.12 1.95-.27 1.95-.27-.35.53-.72 1.66-1.24 2.04z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Twitter\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Twitter\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm5.26 9.38v.34c0 3.48-2.64 7.5-7.48 7.5-1.48 0-2.87-.44-4.03-1.2 1.37.17 2.77-.2 3.9-1.08-1.16-.02-2.13-.78-2.46-1.83.38.1.8.07 1.17-.03-1.2-.24-2.1-1.3-2.1-2.58v-.05c.35.2.75.32 1.18.33-.7-.47-1.17-1.28-1.17-2.2 0-.47.13-.92.36-1.3C7.94 8.85 9.88 9.9 12.06 10c-.04-.2-.06-.4-.06-.6 0-1.46 1.18-2.63 2.63-2.63.76 0 1.44.3 1.92.82.6-.12 1.95-.27 1.95-.27-.35.53-.72 1.66-1.24 2.04z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Twitter\"\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm5.26 9.38v.34c0 3.48-2.64 7.5-7.48 7.5-1.48 0-2.87-.44-4.03-1.2 1.37.17 2.77-.2 3.9-1.08-1.16-.02-2.13-.78-2.46-1.83.38.1.8.07 1.17-.03-1.2-.24-2.1-1.3-2.1-2.58v-.05c.35.2.75.32 1.18.33-.7-.47-1.17-1.28-1.17-2.2 0-.47.13-.92.36-1.3C7.94 8.85 9.88 9.9 12.06 10c-.04-.2-.06-.4-.06-.6 0-1.46 1.18-2.63 2.63-2.63.76 0 1.44.3 1.92.82.6-.12 1.95-.27 1.95-.27-.35.53-.72 1.66-1.24 2.04z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Twitter\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Twitter\"\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm5.26 9.38v.34c0 3.48-2.64 7.5-7.48 7.5-1.48 0-2.87-.44-4.03-1.2 1.37.17 2.77-.2 3.9-1.08-1.16-.02-2.13-.78-2.46-1.83.38.1.8.07 1.17-.03-1.2-.24-2.1-1.3-2.1-2.58v-.05c.35.2.75.32 1.18.33-.7-.47-1.17-1.28-1.17-2.2 0-.47.13-.92.36-1.3C7.94 8.85 9.88 9.9 12.06 10c-.04-.2-.06-.4-.06-.6 0-1.46 1.18-2.63 2.63-2.63.76 0 1.44.3 1.92.82.6-.12 1.95-.27 1.95-.27-.35.53-.72 1.66-1.24 2.04z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Twitter\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Twitter\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm5.26 9.38v.34c0 3.48-2.64 7.5-7.48 7.5-1.48 0-2.87-.44-4.03-1.2 1.37.17 2.77-.2 3.9-1.08-1.16-.02-2.13-.78-2.46-1.83.38.1.8.07 1.17-.03-1.2-.24-2.1-1.3-2.1-2.58v-.05c.35.2.75.32 1.18.33-.7-.47-1.17-1.28-1.17-2.2 0-.47.13-.92.36-1.3C7.94 8.85 9.88 9.9 12.06 10c-.04-.2-.06-.4-.06-.6 0-1.46 1.18-2.63 2.63-2.63.76 0 1.44.3 1.92.82.6-.12 1.95-.27 1.95-.27-.35.53-.72 1.66-1.24 2.04z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Twitter\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Twitter\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Twitter\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Twitter\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Twitter\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://twitter.com/intent/tweet/?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Twitter\"\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=&url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=&url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm5.26 9.38v.34c0 3.48-2.64 7.5-7.48 7.5-1.48 0-2.87-.44-4.03-1.2 1.37.17 2.77-.2 3.9-1.08-1.16-.02-2.13-.78-2.46-1.83.38.1.8.07 1.17-.03-1.2-.24-2.1-1.3-2.1-2.58v-.05c.35.2.75.32 1.18.33-.7-.47-1.17-1.28-1.17-2.2 0-.47.13-.92.36-1.3C7.94 8.85 9.88 9.9 12.06 10c-.04-.2-.06-.4-.06-.6 0-1.46 1.18-2.63 2.63-2.63.76 0 1.44.3 1.92.82.6-.12 1.95-.27 1.95-.27-.35.53-.72 1.66-1.24 2.04z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Twitter\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://twitter.com/intent/tweet/?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Twitter\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=&url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=&url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm5.26 9.38v.34c0 3.48-2.64 7.5-7.48 7.5-1.48 0-2.87-.44-4.03-1.2 1.37.17 2.77-.2 3.9-1.08-1.16-.02-2.13-.78-2.46-1.83.38.1.8.07 1.17-.03-1.2-.24-2.1-1.3-2.1-2.58v-.05c.35.2.75.32 1.18.33-.7-.47-1.17-1.28-1.17-2.2 0-.47.13-.92.36-1.3C7.94 8.85 9.88 9.9 12.06 10c-.04-.2-.06-.4-.06-.6 0-1.46 1.18-2.63 2.63-2.63.76 0 1.44.3 1.92.82.6-.12 1.95-.27 1.95-.27-.35.53-.72 1.66-1.24 2.04z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Twitter\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #55acee;\n  border-color: #55acee;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #2795e9;\n  border-color: #2795e9;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://twitter.com/intent/tweet/?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Twitter\"\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=&url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=&url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-bxivhb\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-bxivhb\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Twitter\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"fWYWWZ\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://twitter.com/intent/tweet/?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Twitter\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=&url=\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=&url=\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <TwitterIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z\"\n              />\n            </svg>\n          </TwitterIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"fWYWWZ\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://twitter.com/intent/tweet/?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Twitter\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=&url=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=&url=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on Twitter\"\n      >\n        <a\n          aria-label=\"Share on Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Twitter\"\n        >\n          <TwitterIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z\"\n              />\n            </svg>\n          </TwitterIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Twitter 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-bxivhb\",\n          \"isStatic\": true,\n          \"lastClassName\": \"fWYWWZ\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-bxivhb\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://twitter.com/intent/tweet/?text=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"Twitter\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass Twitter\"\n      href=\"https://twitter.com/intent/tweet/?text=&url=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass Twitter\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass Twitter\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://twitter.com/intent/tweet/?text=&url=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass Twitter\"\n      >\n        <a\n          aria-label=\"Dope ass Twitter\"\n          className=\"c0\"\n          href=\"https://twitter.com/intent/tweet/?text=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass Twitter\"\n        >\n          <TwitterIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z\"\n              />\n            </svg>\n          </TwitterIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/vk.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`VK 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"VK\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 .5C5.65.5.5 5.65.5 12c0 6.352 5.15 11.5 11.5 11.5 6.352 0 11.5-5.148 11.5-11.5C23.5 5.65 18.352.5 12 .5zm8.11 16.82h-2.603c-.244 0-.48-.094-.658-.26l-1.98-1.862c-.118-.112-.276-.175-.438-.175-.355 0-.646.287-.646.643v1c0 .36-.292.654-.654.654h-1.655c-3.935 0-7.385-6.898-8.185-9.093-.018-.052-.028-.105-.028-.16.002-.247.204-.445.452-.445h2.637c.24 0 .456.14.556.355.57 1.42 1.31 2.764 2.2 4.004.126.14.304.217.49.214.357-.006.64-.3.63-.656-.014-.894-.034-1.958-.034-2.328 0-1.493-1.106-1.313-1.106-1.313.355-.49.94-.76 1.543-.717h2.182c.537 0 .974.435.974.972v3.093c0 .896.646 1.502 1.646-.43.37-.718 1.527-2.848 1.527-2.848.114-.214.337-.347.577-.347h2.9c1.323 0 .358 1.502-.175 2.21-.392.52-1.31 1.727-1.873 2.47-.267.353-.238.845.07 1.165 0 0 1.74 1.834 2.22 2.31.685.673.685 1.545-.57 1.545z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on VK\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"VK\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 .5C5.65.5.5 5.65.5 12c0 6.352 5.15 11.5 11.5 11.5 6.352 0 11.5-5.148 11.5-11.5C23.5 5.65 18.352.5 12 .5zm8.11 16.82h-2.603c-.244 0-.48-.094-.658-.26l-1.98-1.862c-.118-.112-.276-.175-.438-.175-.355 0-.646.287-.646.643v1c0 .36-.292.654-.654.654h-1.655c-3.935 0-7.385-6.898-8.185-9.093-.018-.052-.028-.105-.028-.16.002-.247.204-.445.452-.445h2.637c.24 0 .456.14.556.355.57 1.42 1.31 2.764 2.2 4.004.126.14.304.217.49.214.357-.006.64-.3.63-.656-.014-.894-.034-1.958-.034-2.328 0-1.493-1.106-1.313-1.106-1.313.355-.49.94-.76 1.543-.717h2.182c.537 0 .974.435.974.972v3.093c0 .896.646 1.502 1.646-.43.37-.718 1.527-2.848 1.527-2.848.114-.214.337-.347.577-.347h2.9c1.323 0 .358 1.502-.175 2.21-.392.52-1.31 1.727-1.873 2.47-.267.353-.238.845.07 1.165 0 0 1.74 1.834 2.22 2.31.685.673.685 1.545-.57 1.545z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        VK\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"VK\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 .5C5.65.5.5 5.65.5 12c0 6.352 5.15 11.5 11.5 11.5 6.352 0 11.5-5.148 11.5-11.5C23.5 5.65 18.352.5 12 .5zm8.11 16.82h-2.603c-.244 0-.48-.094-.658-.26l-1.98-1.862c-.118-.112-.276-.175-.438-.175-.355 0-.646.287-.646.643v1c0 .36-.292.654-.654.654h-1.655c-3.935 0-7.385-6.898-8.185-9.093-.018-.052-.028-.105-.028-.16.002-.247.204-.445.452-.445h2.637c.24 0 .456.14.556.355.57 1.42 1.31 2.764 2.2 4.004.126.14.304.217.49.214.357-.006.64-.3.63-.656-.014-.894-.034-1.958-.034-2.328 0-1.493-1.106-1.313-1.106-1.313.355-.49.94-.76 1.543-.717h2.182c.537 0 .974.435.974.972v3.093c0 .896.646 1.502 1.646-.43.37-.718 1.527-2.848 1.527-2.848.114-.214.337-.347.577-.347h2.9c1.323 0 .358 1.502-.175 2.21-.392.52-1.31 1.727-1.873 2.47-.267.353-.238.845.07 1.165 0 0 1.74 1.834 2.22 2.31.685.673.685 1.545-.57 1.545z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"VK\"\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M20.44 7.62h-2.9c-.24 0-.463.133-.577.347 0 0-1.156 2.13-1.528 2.848-1 1.932-1.647 1.326-1.647.43V8.152c0-.537-.436-.972-.973-.972h-2.182c-.604-.044-1.188.227-1.543.717 0 0 1.106-.18 1.106 1.313 0 .37.02 1.434.035 2.328.008.355-.274.65-.63.656-.187.003-.365-.074-.49-.213-.892-1.24-1.632-2.585-2.202-4.004-.1-.216-.316-.355-.556-.355H3.716c-.248 0-.45.198-.452.445 0 .055.01.108.028.16.8 2.195 4.25 9.094 8.185 9.094h1.655c.362 0 .654-.294.654-.655v-1c0-.356.29-.643.646-.643.162 0 .32.063.438.175l1.98 1.862c.18.166.413.26.658.26h2.604c1.255 0 1.255-.872.57-1.547-.48-.474-2.22-2.308-2.22-2.308-.307-.32-.336-.813-.07-1.166.563-.742 1.482-1.95 1.873-2.47.534-.707 1.498-2.21.176-2.21z\"\n                          strokeWidth=\"1.5px\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on VK\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"VK\"\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M20.44 7.62h-2.9c-.24 0-.463.133-.577.347 0 0-1.156 2.13-1.528 2.848-1 1.932-1.647 1.326-1.647.43V8.152c0-.537-.436-.972-.973-.972h-2.182c-.604-.044-1.188.227-1.543.717 0 0 1.106-.18 1.106 1.313 0 .37.02 1.434.035 2.328.008.355-.274.65-.63.656-.187.003-.365-.074-.49-.213-.892-1.24-1.632-2.585-2.202-4.004-.1-.216-.316-.355-.556-.355H3.716c-.248 0-.45.198-.452.445 0 .055.01.108.028.16.8 2.195 4.25 9.094 8.185 9.094h1.655c.362 0 .654-.294.654-.655v-1c0-.356.29-.643.646-.643.162 0 .32.063.438.175l1.98 1.862c.18.166.413.26.658.26h2.604c1.255 0 1.255-.872.57-1.547-.48-.474-2.22-2.308-2.22-2.308-.307-.32-.336-.813-.07-1.166.563-.742 1.482-1.95 1.873-2.47.534-.707 1.498-2.21.176-2.21z\"\n                          strokeWidth=\"1.5px\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        VK\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"VK\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M20.44 7.62h-2.9c-.24 0-.463.133-.577.347 0 0-1.156 2.13-1.528 2.848-1 1.932-1.647 1.326-1.647.43V8.152c0-.537-.436-.972-.973-.972h-2.182c-.604-.044-1.188.227-1.543.717 0 0 1.106-.18 1.106 1.313 0 .37.02 1.434.035 2.328.008.355-.274.65-.63.656-.187.003-.365-.074-.49-.213-.892-1.24-1.632-2.585-2.202-4.004-.1-.216-.316-.355-.556-.355H3.716c-.248 0-.45.198-.452.445 0 .055.01.108.028.16.8 2.195 4.25 9.094 8.185 9.094h1.655c.362 0 .654-.294.654-.655v-1c0-.356.29-.643.646-.643.162 0 .32.063.438.175l1.98 1.862c.18.166.413.26.658.26h2.604c1.255 0 1.255-.872.57-1.547-.48-.474-2.22-2.308-2.22-2.308-.307-.32-.336-.813-.07-1.166.563-.742 1.482-1.95 1.873-2.47.534-.707 1.498-2.21.176-2.21z\"\n                          strokeWidth=\"1.5px\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"VK\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M21.547 7h-3.29a.743.743 0 0 0-.655.392s-1.312 2.416-1.734 3.23C14.734 12.813 14 12.126 14 11.11V7.603A1.104 1.104 0 0 0 12.896 6.5h-2.474a1.982 1.982 0 0 0-1.75.813s1.255-.204 1.255 1.49c0 .42.022 1.626.04 2.64a.73.73 0 0 1-1.272.503 21.54 21.54 0 0 1-2.498-4.543.693.693 0 0 0-.63-.403h-2.99a.508.508 0 0 0-.48.685C3.005 10.175 6.918 18 11.38 18h1.878a.742.742 0 0 0 .742-.742v-1.135a.73.73 0 0 1 1.23-.53l2.247 2.112a1.09 1.09 0 0 0 .746.295h2.953c1.424 0 1.424-.988.647-1.753-.546-.538-2.518-2.617-2.518-2.617a1.02 1.02 0 0 1-.078-1.323c.637-.84 1.68-2.212 2.122-2.8.603-.804 1.697-2.507.197-2.507z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on VK\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"VK\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M21.547 7h-3.29a.743.743 0 0 0-.655.392s-1.312 2.416-1.734 3.23C14.734 12.813 14 12.126 14 11.11V7.603A1.104 1.104 0 0 0 12.896 6.5h-2.474a1.982 1.982 0 0 0-1.75.813s1.255-.204 1.255 1.49c0 .42.022 1.626.04 2.64a.73.73 0 0 1-1.272.503 21.54 21.54 0 0 1-2.498-4.543.693.693 0 0 0-.63-.403h-2.99a.508.508 0 0 0-.48.685C3.005 10.175 6.918 18 11.38 18h1.878a.742.742 0 0 0 .742-.742v-1.135a.73.73 0 0 1 1.23-.53l2.247 2.112a1.09 1.09 0 0 0 .746.295h2.953c1.424 0 1.424-.988.647-1.753-.546-.538-2.518-2.617-2.518-2.617a1.02 1.02 0 0 1-.078-1.323c.637-.84 1.68-2.212 2.122-2.8.603-.804 1.697-2.507.197-2.507z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        VK\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"VK\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=I%20am%20so%20cool&url=http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M21.547 7h-3.29a.743.743 0 0 0-.655.392s-1.312 2.416-1.734 3.23C14.734 12.813 14 12.126 14 11.11V7.603A1.104 1.104 0 0 0 12.896 6.5h-2.474a1.982 1.982 0 0 0-1.75.813s1.255-.204 1.255 1.49c0 .42.022 1.626.04 2.64a.73.73 0 0 1-1.272.503 21.54 21.54 0 0 1-2.498-4.543.693.693 0 0 0-.63-.403h-2.99a.508.508 0 0 0-.48.685C3.005 10.175 6.918 18 11.38 18h1.878a.742.742 0 0 0 .742-.742v-1.135a.73.73 0 0 1 1.23-.53l2.247 2.112a1.09 1.09 0 0 0 .746.295h2.953c1.424 0 1.424-.988.647-1.753-.546-.538-2.518-2.617-2.518-2.617a1.02 1.02 0 0 1-.078-1.323c.637-.84 1.68-2.212 2.122-2.8.603-.804 1.697-2.507.197-2.507z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"http://vk.com/share.php?title=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"VK\"\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=&url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=&url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M20.44 7.62h-2.9c-.24 0-.463.133-.577.347 0 0-1.156 2.13-1.528 2.848-1 1.932-1.647 1.326-1.647.43V8.152c0-.537-.436-.972-.973-.972h-2.182c-.604-.044-1.188.227-1.543.717 0 0 1.106-.18 1.106 1.313 0 .37.02 1.434.035 2.328.008.355-.274.65-.63.656-.187.003-.365-.074-.49-.213-.892-1.24-1.632-2.585-2.202-4.004-.1-.216-.316-.355-.556-.355H3.716c-.248 0-.45.198-.452.445 0 .055.01.108.028.16.8 2.195 4.25 9.094 8.185 9.094h1.655c.362 0 .654-.294.654-.655v-1c0-.356.29-.643.646-.643.162 0 .32.063.438.175l1.98 1.862c.18.166.413.26.658.26h2.604c1.255 0 1.255-.872.57-1.547-.48-.474-2.22-2.308-2.22-2.308-.307-.32-.336-.813-.07-1.166.563-.742 1.482-1.95 1.873-2.47.534-.707 1.498-2.21.176-2.21z\"\n                          strokeWidth=\"1.5px\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        VK\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://vk.com/share.php?title=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"VK\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=&url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=&url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 .5C5.65.5.5 5.65.5 12c0 6.352 5.15 11.5 11.5 11.5 6.352 0 11.5-5.148 11.5-11.5C23.5 5.65 18.352.5 12 .5zm8.11 16.82h-2.603c-.244 0-.48-.094-.658-.26l-1.98-1.862c-.118-.112-.276-.175-.438-.175-.355 0-.646.287-.646.643v1c0 .36-.292.654-.654.654h-1.655c-3.935 0-7.385-6.898-8.185-9.093-.018-.052-.028-.105-.028-.16.002-.247.204-.445.452-.445h2.637c.24 0 .456.14.556.355.57 1.42 1.31 2.764 2.2 4.004.126.14.304.217.49.214.357-.006.64-.3.63-.656-.014-.894-.034-1.958-.034-2.328 0-1.493-1.106-1.313-1.106-1.313.355-.49.94-.76 1.543-.717h2.182c.537 0 .974.435.974.972v3.093c0 .896.646 1.502 1.646-.43.37-.718 1.527-2.848 1.527-2.848.114-.214.337-.347.577-.347h2.9c1.323 0 .358 1.502-.175 2.21-.392.52-1.31 1.727-1.873 2.47-.267.353-.238.845.07 1.165 0 0 1.74 1.834 2.22 2.31.685.673.685 1.545-.57 1.545z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        VK\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #507299;\n  border-color: #507299;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #43648c;\n  border-color: #43648c;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://vk.com/share.php?title=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"VK\"\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=&url=\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=&url=\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-jTzLTM\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-jTzLTM\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M21.547 7h-3.29a.743.743 0 0 0-.655.392s-1.312 2.416-1.734 3.23C14.734 12.813 14 12.126 14 11.11V7.603A1.104 1.104 0 0 0 12.896 6.5h-2.474a1.982 1.982 0 0 0-1.75.813s1.255-.204 1.255 1.49c0 .42.022 1.626.04 2.64a.73.73 0 0 1-1.272.503 21.54 21.54 0 0 1-2.498-4.543.693.693 0 0 0-.63-.403h-2.99a.508.508 0 0 0-.48.685C3.005 10.175 6.918 18 11.38 18h1.878a.742.742 0 0 0 .742-.742v-1.135a.73.73 0 0 1 1.23-.53l2.247 2.112a1.09 1.09 0 0 0 .746.295h2.953c1.424 0 1.424-.988.647-1.753-.546-.538-2.518-2.617-2.518-2.617a1.02 1.02 0 0 1-.078-1.323c.637-.84 1.68-2.212 2.122-2.8.603-.804 1.697-2.507.197-2.507z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        VK\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"oVorJ\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://vk.com/share.php?title=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"VK\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=&url=\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=&url=\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <VKIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M21.547 7h-3.29a.743.743 0 0 0-.655.392s-1.312 2.416-1.734 3.23C14.734 12.813 14 12.126 14 11.11V7.603A1.104 1.104 0 0 0 12.896 6.5h-2.474a1.982 1.982 0 0 0-1.75.813s1.255-.204 1.255 1.49c0 .42.022 1.626.04 2.64a.73.73 0 0 1-1.272.503 21.54 21.54 0 0 1-2.498-4.543.693.693 0 0 0-.63-.403h-2.99a.508.508 0 0 0-.48.685C3.005 10.175 6.918 18 11.38 18h1.878a.742.742 0 0 0 .742-.742v-1.135a.73.73 0 0 1 1.23-.53l2.247 2.112a1.09 1.09 0 0 0 .746.295h2.953c1.424 0 1.424-.988.647-1.753-.546-.538-2.518-2.617-2.518-2.617a1.02 1.02 0 0 1-.078-1.323c.637-.84 1.68-2.212 2.122-2.8.603-.804 1.697-2.507.197-2.507z\"\n              />\n            </svg>\n          </VKIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"oVorJ\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://vk.com/share.php?title=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"VK\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on VK\"\n      href=\"http://vk.com/share.php?title=&url=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on VK\"\n    >\n      <StyledComponent\n        aria-label=\"Share on VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=&url=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on VK\"\n      >\n        <a\n          aria-label=\"Share on VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on VK\"\n        >\n          <VKIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M21.547 7h-3.29a.743.743 0 0 0-.655.392s-1.312 2.416-1.734 3.23C14.734 12.813 14 12.126 14 11.11V7.603A1.104 1.104 0 0 0 12.896 6.5h-2.474a1.982 1.982 0 0 0-1.75.813s1.255-.204 1.255 1.49c0 .42.022 1.626.04 2.64a.73.73 0 0 1-1.272.503 21.54 21.54 0 0 1-2.498-4.543.693.693 0 0 0-.63-.403h-2.99a.508.508 0 0 0-.48.685C3.005 10.175 6.918 18 11.38 18h1.878a.742.742 0 0 0 .742-.742v-1.135a.73.73 0 0 1 1.23-.53l2.247 2.112a1.09 1.09 0 0 0 .746.295h2.953c1.424 0 1.424-.988.647-1.753-.546-.538-2.518-2.617-2.518-2.617a1.02 1.02 0 0 1-.078-1.323c.637-.84 1.68-2.212 2.122-2.8.603-.804 1.697-2.507.197-2.507z\"\n              />\n            </svg>\n          </VKIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`VK 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-jTzLTM\",\n          \"isStatic\": true,\n          \"lastClassName\": \"oVorJ\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-jTzLTM\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"http://vk.com/share.php?title=&url=\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"VK\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass VK\"\n      href=\"http://vk.com/share.php?title=&url=\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass VK\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass VK\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"http://vk.com/share.php?title=&url=\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass VK\"\n      >\n        <a\n          aria-label=\"Dope ass VK\"\n          className=\"c0\"\n          href=\"http://vk.com/share.php?title=&url=\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass VK\"\n        >\n          <VKIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M21.547 7h-3.29a.743.743 0 0 0-.655.392s-1.312 2.416-1.734 3.23C14.734 12.813 14 12.126 14 11.11V7.603A1.104 1.104 0 0 0 12.896 6.5h-2.474a1.982 1.982 0 0 0-1.75.813s1.255-.204 1.255 1.49c0 .42.022 1.626.04 2.64a.73.73 0 0 1-1.272.503 21.54 21.54 0 0 1-2.498-4.543.693.693 0 0 0-.63-.403h-2.99a.508.508 0 0 0-.48.685C3.005 10.175 6.918 18 11.38 18h1.878a.742.742 0 0 0 .742-.742v-1.135a.73.73 0 0 1 1.23-.53l2.247 2.112a1.09 1.09 0 0 0 .746.295h2.953c1.424 0 1.424-.988.647-1.753-.546-.538-2.518-2.617-2.518-2.617a1.02 1.02 0 0 1-.078-1.323c.637-.84 1.68-2.212 2.122-2.8.603-.804 1.697-2.507.197-2.507z\"\n              />\n            </svg>\n          </VKIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/whatsapp.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Whatsapp 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"WhatsApp\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        height=\"24\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"m12 0c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm0 3.8c2.2 0 4.2 0.9 5.7 2.4 1.6 1.5 2.4 3.6 2.5 5.7 0 4.5-3.6 8.1-8.1 8.1-1.4 0-2.7-0.4-3.9-1l-4.4 1.1 1.2-4.2c-0.8-1.2-1.1-2.6-1.1-4 0-4.5 3.6-8.1 8.1-8.1zm0.1 1.5c-3.7 0-6.7 3-6.7 6.7 0 1.3 0.3 2.5 1 3.6l0.1 0.3-0.7 2.4 2.5-0.7 0.3 0.099c1 0.7 2.2 1 3.4 1 3.7 0 6.8-3 6.9-6.6 0-1.8-0.7-3.5-2-4.8s-3-2-4.8-2zm-3 2.9h0.4c0.2 0 0.4-0.099 0.5 0.3s0.5 1.5 0.6 1.7 0.1 0.2 0 0.3-0.1 0.2-0.2 0.3l-0.3 0.3c-0.1 0.1-0.2 0.2-0.1 0.4 0.2 0.2 0.6 0.9 1.2 1.4 0.7 0.7 1.4 0.9 1.6 1 0.2 0 0.3 0.001 0.4-0.099s0.5-0.6 0.6-0.8c0.2-0.2 0.3-0.2 0.5-0.1l1.4 0.7c0.2 0.1 0.3 0.2 0.5 0.3 0 0.1 0.1 0.5-0.099 1s-1 0.9-1.4 1c-0.3 0-0.8 0.001-1.3-0.099-0.3-0.1-0.7-0.2-1.2-0.4-2.1-0.9-3.4-3-3.5-3.1s-0.8-1.1-0.8-2.1c0-1 0.5-1.5 0.7-1.7s0.4-0.3 0.5-0.3z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on WhatsApp\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"WhatsApp\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        height=\"24\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"m12 0c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm0 3.8c2.2 0 4.2 0.9 5.7 2.4 1.6 1.5 2.4 3.6 2.5 5.7 0 4.5-3.6 8.1-8.1 8.1-1.4 0-2.7-0.4-3.9-1l-4.4 1.1 1.2-4.2c-0.8-1.2-1.1-2.6-1.1-4 0-4.5 3.6-8.1 8.1-8.1zm0.1 1.5c-3.7 0-6.7 3-6.7 6.7 0 1.3 0.3 2.5 1 3.6l0.1 0.3-0.7 2.4 2.5-0.7 0.3 0.099c1 0.7 2.2 1 3.4 1 3.7 0 6.8-3 6.9-6.6 0-1.8-0.7-3.5-2-4.8s-3-2-4.8-2zm-3 2.9h0.4c0.2 0 0.4-0.099 0.5 0.3s0.5 1.5 0.6 1.7 0.1 0.2 0 0.3-0.1 0.2-0.2 0.3l-0.3 0.3c-0.1 0.1-0.2 0.2-0.1 0.4 0.2 0.2 0.6 0.9 1.2 1.4 0.7 0.7 1.4 0.9 1.6 1 0.2 0 0.3 0.001 0.4-0.099s0.5-0.6 0.6-0.8c0.2-0.2 0.3-0.2 0.5-0.1l1.4 0.7c0.2 0.1 0.3 0.2 0.5 0.3 0 0.1 0.1 0.5-0.099 1s-1 0.9-1.4 1c-0.3 0-0.8 0.001-1.3-0.099-0.3-0.1-0.7-0.2-1.2-0.4-2.1-0.9-3.4-3-3.5-3.1s-0.8-1.1-0.8-2.1c0-1 0.5-1.5 0.7-1.7s0.4-0.3 0.5-0.3z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        WhatsApp\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"WhatsApp\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        height=\"24\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"m12 0c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm0 3.8c2.2 0 4.2 0.9 5.7 2.4 1.6 1.5 2.4 3.6 2.5 5.7 0 4.5-3.6 8.1-8.1 8.1-1.4 0-2.7-0.4-3.9-1l-4.4 1.1 1.2-4.2c-0.8-1.2-1.1-2.6-1.1-4 0-4.5 3.6-8.1 8.1-8.1zm0.1 1.5c-3.7 0-6.7 3-6.7 6.7 0 1.3 0.3 2.5 1 3.6l0.1 0.3-0.7 2.4 2.5-0.7 0.3 0.099c1 0.7 2.2 1 3.4 1 3.7 0 6.8-3 6.9-6.6 0-1.8-0.7-3.5-2-4.8s-3-2-4.8-2zm-3 2.9h0.4c0.2 0 0.4-0.099 0.5 0.3s0.5 1.5 0.6 1.7 0.1 0.2 0 0.3-0.1 0.2-0.2 0.3l-0.3 0.3c-0.1 0.1-0.2 0.2-0.1 0.4 0.2 0.2 0.6 0.9 1.2 1.4 0.7 0.7 1.4 0.9 1.6 1 0.2 0 0.3 0.001 0.4-0.099s0.5-0.6 0.6-0.8c0.2-0.2 0.3-0.2 0.5-0.1l1.4 0.7c0.2 0.1 0.3 0.2 0.5 0.3 0 0.1 0.1 0.5-0.099 1s-1 0.9-1.4 1c-0.3 0-0.8 0.001-1.3-0.099-0.3-0.1-0.7-0.2-1.2-0.4-2.1-0.9-3.4-3-3.5-3.1s-0.8-1.1-0.8-2.1c0-1 0.5-1.5 0.7-1.7s0.4-0.3 0.5-0.3z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"WhatsApp\"\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        />\n                        <path\n                          d=\"M17.6 6.2c-1.5-1.5-3.4-2.3-5.5-2.3-4.3 0-7.8 3.5-7.8 7.8 0 1.4.4 2.7 1 3.9l-1.1 4 4.1-1.1c1.1.6 2.4.9 3.7.9 4.3 0 7.8-3.5 7.8-7.8.1-2-.7-3.9-2.2-5.4zm-5.5 11.9c-1.2 0-2.3-.3-3.3-.9l-.2-.1-2.4.6.7-2.4-.2-.2c-.6-1-1-2.2-1-3.4 0-3.6 2.9-6.5 6.5-6.5 1.7 0 3.3.7 4.6 1.9 1.2 1.2 1.9 2.8 1.9 4.6-.1 3.5-3 6.4-6.6 6.4zm3.5-4.8c-.2-.1-1.1-.6-1.3-.6-.2-.1-.3-.1-.4.1-.1.2-.5.6-.6.8-.1.1-.2.1-.4 0s-.8-.3-1.6-1c-.6-.5-1-1.2-1.1-1.3-.1-.2 0-.3.1-.4l.3-.3s.1-.2.2-.3c.1-.1 0-.2 0-.3s-.4-1.1-.6-1.4c-.2-.4-.3-.3-.4-.3h-.4s-.3 0-.5.2-.7.7-.7 1.6c0 1 .7 1.9.8 2s1.4 2.1 3.3 2.9c.5.2.8.3 1.1.4.5.1.9.1 1.2.1.4-.1 1.1-.5 1.3-.9.2-.5.2-.8.1-.9 0-.2-.2-.3-.4-.4z\"\n                          strokeWidth=\"1px\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on WhatsApp\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"WhatsApp\"\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        />\n                        <path\n                          d=\"M17.6 6.2c-1.5-1.5-3.4-2.3-5.5-2.3-4.3 0-7.8 3.5-7.8 7.8 0 1.4.4 2.7 1 3.9l-1.1 4 4.1-1.1c1.1.6 2.4.9 3.7.9 4.3 0 7.8-3.5 7.8-7.8.1-2-.7-3.9-2.2-5.4zm-5.5 11.9c-1.2 0-2.3-.3-3.3-.9l-.2-.1-2.4.6.7-2.4-.2-.2c-.6-1-1-2.2-1-3.4 0-3.6 2.9-6.5 6.5-6.5 1.7 0 3.3.7 4.6 1.9 1.2 1.2 1.9 2.8 1.9 4.6-.1 3.5-3 6.4-6.6 6.4zm3.5-4.8c-.2-.1-1.1-.6-1.3-.6-.2-.1-.3-.1-.4.1-.1.2-.5.6-.6.8-.1.1-.2.1-.4 0s-.8-.3-1.6-1c-.6-.5-1-1.2-1.1-1.3-.1-.2 0-.3.1-.4l.3-.3s.1-.2.2-.3c.1-.1 0-.2 0-.3s-.4-1.1-.6-1.4c-.2-.4-.3-.3-.4-.3h-.4s-.3 0-.5.2-.7.7-.7 1.6c0 1 .7 1.9.8 2s1.4 2.1 3.3 2.9c.5.2.8.3 1.1.4.5.1.9.1 1.2.1.4-.1 1.1-.5 1.3-.9.2-.5.2-.8.1-.9 0-.2-.2-.3-.4-.4z\"\n                          strokeWidth=\"1px\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        WhatsApp\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"WhatsApp\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        />\n                        <path\n                          d=\"M17.6 6.2c-1.5-1.5-3.4-2.3-5.5-2.3-4.3 0-7.8 3.5-7.8 7.8 0 1.4.4 2.7 1 3.9l-1.1 4 4.1-1.1c1.1.6 2.4.9 3.7.9 4.3 0 7.8-3.5 7.8-7.8.1-2-.7-3.9-2.2-5.4zm-5.5 11.9c-1.2 0-2.3-.3-3.3-.9l-.2-.1-2.4.6.7-2.4-.2-.2c-.6-1-1-2.2-1-3.4 0-3.6 2.9-6.5 6.5-6.5 1.7 0 3.3.7 4.6 1.9 1.2 1.2 1.9 2.8 1.9 4.6-.1 3.5-3 6.4-6.6 6.4zm3.5-4.8c-.2-.1-1.1-.6-1.3-.6-.2-.1-.3-.1-.4.1-.1.2-.5.6-.6.8-.1.1-.2.1-.4 0s-.8-.3-1.6-1c-.6-.5-1-1.2-1.1-1.3-.1-.2 0-.3.1-.4l.3-.3s.1-.2.2-.3c.1-.1 0-.2 0-.3s-.4-1.1-.6-1.4c-.2-.4-.3-.3-.4-.3h-.4s-.3 0-.5.2-.7.7-.7 1.6c0 1 .7 1.9.8 2s1.4 2.1 3.3 2.9c.5.2.8.3 1.1.4.5.1.9.1 1.2.1.4-.1 1.1-.5 1.3-.9.2-.5.2-.8.1-.9 0-.2-.2-.3-.4-.4z\"\n                          strokeWidth=\"1px\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"WhatsApp\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on WhatsApp\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"WhatsApp\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        WhatsApp\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"WhatsApp\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=I%20am%20so%20cool%20http%3A%2F%2Fsharingbuttons.io\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"whatsapp://send?text=%20\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"WhatsApp\"\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=%20\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=%20\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=%20\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        />\n                        <path\n                          d=\"M17.6 6.2c-1.5-1.5-3.4-2.3-5.5-2.3-4.3 0-7.8 3.5-7.8 7.8 0 1.4.4 2.7 1 3.9l-1.1 4 4.1-1.1c1.1.6 2.4.9 3.7.9 4.3 0 7.8-3.5 7.8-7.8.1-2-.7-3.9-2.2-5.4zm-5.5 11.9c-1.2 0-2.3-.3-3.3-.9l-.2-.1-2.4.6.7-2.4-.2-.2c-.6-1-1-2.2-1-3.4 0-3.6 2.9-6.5 6.5-6.5 1.7 0 3.3.7 4.6 1.9 1.2 1.2 1.9 2.8 1.9 4.6-.1 3.5-3 6.4-6.6 6.4zm3.5-4.8c-.2-.1-1.1-.6-1.3-.6-.2-.1-.3-.1-.4.1-.1.2-.5.6-.6.8-.1.1-.2.1-.4 0s-.8-.3-1.6-1c-.6-.5-1-1.2-1.1-1.3-.1-.2 0-.3.1-.4l.3-.3s.1-.2.2-.3c.1-.1 0-.2 0-.3s-.4-1.1-.6-1.4c-.2-.4-.3-.3-.4-.3h-.4s-.3 0-.5.2-.7.7-.7 1.6c0 1 .7 1.9.8 2s1.4 2.1 3.3 2.9c.5.2.8.3 1.1.4.5.1.9.1 1.2.1.4-.1 1.1-.5 1.3-.9.2-.5.2-.8.1-.9 0-.2-.2-.3-.4-.4z\"\n                          strokeWidth=\"1px\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        WhatsApp\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"whatsapp://send?text=%20\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"WhatsApp\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=%20\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=%20\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=%20\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        height=\"24\"\n                        viewBox=\"0 0 24 24\"\n                        width=\"24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"m12 0c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm0 3.8c2.2 0 4.2 0.9 5.7 2.4 1.6 1.5 2.4 3.6 2.5 5.7 0 4.5-3.6 8.1-8.1 8.1-1.4 0-2.7-0.4-3.9-1l-4.4 1.1 1.2-4.2c-0.8-1.2-1.1-2.6-1.1-4 0-4.5 3.6-8.1 8.1-8.1zm0.1 1.5c-3.7 0-6.7 3-6.7 6.7 0 1.3 0.3 2.5 1 3.6l0.1 0.3-0.7 2.4 2.5-0.7 0.3 0.099c1 0.7 2.2 1 3.4 1 3.7 0 6.8-3 6.9-6.6 0-1.8-0.7-3.5-2-4.8s-3-2-4.8-2zm-3 2.9h0.4c0.2 0 0.4-0.099 0.5 0.3s0.5 1.5 0.6 1.7 0.1 0.2 0 0.3-0.1 0.2-0.2 0.3l-0.3 0.3c-0.1 0.1-0.2 0.2-0.1 0.4 0.2 0.2 0.6 0.9 1.2 1.4 0.7 0.7 1.4 0.9 1.6 1 0.2 0 0.3 0.001 0.4-0.099s0.5-0.6 0.6-0.8c0.2-0.2 0.3-0.2 0.5-0.1l1.4 0.7c0.2 0.1 0.3 0.2 0.5 0.3 0 0.1 0.1 0.5-0.099 1s-1 0.9-1.4 1c-0.3 0-0.8 0.001-1.3-0.099-0.3-0.1-0.7-0.2-1.2-0.4-2.1-0.9-3.4-3-3.5-3.1s-0.8-1.1-0.8-2.1c0-1 0.5-1.5 0.7-1.7s0.4-0.3 0.5-0.3z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        WhatsApp\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #25d366;\n  border-color: #25d366;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #1da851;\n  border-color: #1da851;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"whatsapp://send?text=%20\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"WhatsApp\"\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=%20\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=%20\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=%20\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gqjmRU\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gqjmRU\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        WhatsApp\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"eqeAgc\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"whatsapp://send?text=%20\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"WhatsApp\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=%20\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=%20\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=%20\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <WhatsappIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z\"\n              />\n            </svg>\n          </WhatsappIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"eqeAgc\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"whatsapp://send?text=%20\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"WhatsApp\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on WhatsApp\"\n      href=\"whatsapp://send?text=%20\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Share on WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=%20\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on WhatsApp\"\n      >\n        <a\n          aria-label=\"Share on WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=%20\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on WhatsApp\"\n        >\n          <WhatsappIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z\"\n              />\n            </svg>\n          </WhatsappIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Whatsapp 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gqjmRU\",\n          \"isStatic\": true,\n          \"lastClassName\": \"eqeAgc\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gqjmRU\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"whatsapp://send?text=%20\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"WhatsApp\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass WhatsApp\"\n      href=\"whatsapp://send?text=%20\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass WhatsApp\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass WhatsApp\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"whatsapp://send?text=%20\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass WhatsApp\"\n      >\n        <a\n          aria-label=\"Dope ass WhatsApp\"\n          className=\"c0\"\n          href=\"whatsapp://send?text=%20\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass WhatsApp\"\n        >\n          <WhatsappIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z\"\n              />\n            </svg>\n          </WhatsappIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/__snapshots__/xing.js.snap",
    "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Xing 1 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Xing\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zM7.8 14.5h-3L7 11.3 5.3 8.5h3l1.8 2.8L8 14.5zm9 5h-3.4l-3-5.5L15 5.5h3.2L13.6 14l3 5.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Xing\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 2 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Xing\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zM7.8 14.5h-3L7 11.3 5.3 8.5h3l1.8 2.8L8 14.5zm9 5h-3.4l-3-5.5L15 5.5h3.2L13.6 14l3 5.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Xing\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 3 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Xing\"\n    small={true}\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)\n            small={true}\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zM7.8 14.5h-3L7 11.3 5.3 8.5h3l1.8 2.8L8 14.5zm9 5h-3.4l-3-5.5L15 5.5h3.2L13.6 14l3 5.5z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 4 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component\n  big={true}\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Xing\"\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M8.4 8.5h-3L7 11.3l-2.2 3.2h3l2.3-3.2zm10-3h-3.2l-5 8.5 3.2 5.5h3.3l-3-5.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Xing\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 5 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Xing\"\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M8.4 8.5h-3L7 11.3l-2.2 3.2h3l2.3-3.2zm10-3h-3.2l-5 8.5 3.2 5.5h3.3l-3-5.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Xing\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 6 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component\n  circle={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Xing\"\n    small={true}\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M8.4 8.5h-3L7 11.3l-2.2 3.2h3l2.3-3.2zm10-3h-3.2l-5 8.5 3.2 5.5h3.3l-3-5.5z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 7 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component\n  big={true}\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    big={true}\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Xing\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M10.2 9.7l-3-5.4C7.2 4 7 4 6.8 4h-5c-.3 0-.4 0-.5.2v.5L4 10 .4 16v.5c0 .2.2.3.4.3h5c.3 0 .4 0 .5-.2l4-6.6v-.5zM24 .2l-.5-.2H18s-.2 0-.3.3l-8 14v.4l5.2 9c0 .2 0 .3.3.3h5.4s.3 0 .4-.2c.2-.2.2-.4 0-.5l-5-8.8L24 .7V.2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Share on Xing\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 8 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  medium={true}\n  message=\"I am so cool\"\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    medium={true}\n    name=\"Xing\"\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M10.2 9.7l-3-5.4C7.2 4 7 4 6.8 4h-5c-.3 0-.4 0-.5.2v.5L4 10 .4 16v.5c0 .2.2.3.4.3h5c.3 0 .4 0 .5-.2l4-6.6v-.5zM24 .2l-.5-.2H18s-.2 0-.3.3l-8 14v.4l5.2 9c0 .2 0 .3.3.3h5.4s.3 0 .4-.2c.2-.2.2-.4 0-.5l-5-8.8L24 .7V.2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Xing\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 9 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component\n  link=\"http://sharingbuttons.io\"\n  message=\"I am so cool\"\n  small={true}\n  solid={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Xing\"\n    small={true}\n    solid={true}\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=http%3A%2F%2Fsharingbuttons.io;title=I%20am%20so%20cool.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)\n            small={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              small={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M10.2 9.7l-3-5.4C7.2 4 7 4 6.8 4h-5c-.3 0-.4 0-.5.2v.5L4 10 .4 16v.5c0 .2.2.3.4.3h5c.3 0 .4 0 .5-.2l4-6.6v-.5zM24 .2l-.5-.2H18s-.2 0-.3.3l-8 14v.4l5.2 9c0 .2 0 .3.3.3h5.4s.3 0 .4-.2c.2-.2.2-.4 0-.5l-5-8.8L24 .7V.2z\"\n                        />\n                      </svg>\n                       \n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 11 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component\n  circle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    circle={true}\n    href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Xing\"\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <circle\n                          cx=\"12\"\n                          cy=\"12\"\n                          r=\"11.5\"\n                        />\n                        <path\n                          d=\"M8.4 8.5h-3L7 11.3l-2.2 3.2h3l2.3-3.2zm10-3h-3.2l-5 8.5 3.2 5.5h3.3l-3-5.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Xing\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 11 2`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component\n  solidcircle={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Xing\"\n    solidcircle={true}\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)\n            solidcircle={true}\n          >\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n              solidcircle={true}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solidcircle={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solidcircle={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zM7.8 14.5h-3L7 11.3 5.3 8.5h3l1.8 2.8L8 14.5zm9 5h-3.4l-3-5.5L15 5.5h3.2L13.6 14l3 5.5z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Xing\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 12 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c2 {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n  fill: #fff;\n  stroke: none;\n}\n\n.c1 {\n  border-radius: 5px;\n  -webkit-transition: 25ms ease-out;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n  background-color: #1a7576;\n  border-color: #1a7576;\n}\n\n.c1:hover,\n.c1:active {\n  background-color: #114c4c;\n  border-color: #114c4c;\n}\n\n<Component>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"c1\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Xing\"\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n        rel=\"noreferrer noopener\"\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <Styled(styled.div)>\n            <StyledComponent\n              forwardedClass={\n                Object {\n                  \"$$typeof\": Symbol(react.forward_ref),\n                  \"attrs\": Array [],\n                  \"componentStyle\": ComponentStyle {\n                    \"componentId\": \"sc-gZMcBi\",\n                    \"isStatic\": true,\n                    \"lastClassName\": \"c1\",\n                    \"rules\": Array [\n                      \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n                      \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n                    ],\n                  },\n                  \"displayName\": \"Styled(styled.div)\",\n                  \"render\": [Function],\n                  \"styledComponentId\": \"sc-gZMcBi\",\n                  \"target\": \"div\",\n                  \"toString\": [Function],\n                  \"warnTooManyClasses\": [Function],\n                  \"withComponent\": [Function],\n                }\n              }\n              forwardedRef={null}\n            >\n              <div\n                className=\"c1\"\n              >\n                <styled.div\n                  aria-hidden=\"true\"\n                  solid={true}\n                >\n                  <StyledComponent\n                    aria-hidden=\"true\"\n                    forwardedClass={\n                      Object {\n                        \"$$typeof\": Symbol(react.forward_ref),\n                        \"attrs\": Array [],\n                        \"componentStyle\": ComponentStyle {\n                          \"componentId\": \"sc-htpNat\",\n                          \"isStatic\": false,\n                          \"lastClassName\": \"c2\",\n                          \"rules\": Array [\n                            \"\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  \",\n                            [Function],\n                            \";\n\",\n                          ],\n                        },\n                        \"displayName\": \"styled.div\",\n                        \"render\": [Function],\n                        \"styledComponentId\": \"sc-htpNat\",\n                        \"target\": \"div\",\n                        \"toString\": [Function],\n                        \"warnTooManyClasses\": [Function],\n                        \"withComponent\": [Function],\n                      }\n                    }\n                    forwardedRef={null}\n                    solid={true}\n                  >\n                    <div\n                      aria-hidden=\"true\"\n                      className=\"c2\"\n                    >\n                      <svg\n                        viewBox=\"0 0 24 24\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M10.2 9.7l-3-5.4C7.2 4 7 4 6.8 4h-5c-.3 0-.4 0-.5.2v.5L4 10 .4 16v.5c0 .2.2.3.4.3h5c.3 0 .4 0 .5-.2l4-6.6v-.5zM24 .2l-.5-.2H18s-.2 0-.3.3l-8 14v.4l5.2 9c0 .2 0 .3.3.3h5.4s.3 0 .4-.2c.2-.2.2-.4 0-.5l-5-8.8L24 .7V.2z\"\n                        />\n                      </svg>\n                       \n                      <span>\n                        Xing\n                      </span>\n                    </div>\n                  </StyledComponent>\n                </styled.div>\n              </div>\n            </StyledComponent>\n          </Styled(styled.div)>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 13 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #232323;\n  fill: none;\n}\n\n<Component\n  simple={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"FVSUz\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Xing\"\n    simple={true}\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n      rel=\"noreferrer noopener\"\n      simple={true}\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n        rel=\"noreferrer noopener\"\n        simple={true}\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <XingIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M10.2 9.7l-3-5.4C7.2 4 7 4 6.8 4h-5c-.3 0-.4 0-.5.2v.5L4 10 .4 16v.5c0 .2.2.3.4.3h5c.3 0 .4 0 .5-.2l4-6.6v-.5zM24 .2l-.5-.2H18s-.2 0-.3.3l-8 14v.4l5.2 9c0 .2 0 .3.3.3h5.4s.3 0 .4-.2c.2-.2.2-.4 0-.5l-5-8.8L24 .7V.2z\"\n              />\n            </svg>\n          </XingIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 14 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"FVSUz\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    name=\"Xing\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Share on Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Share on Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Share on Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Share on Xing\"\n      >\n        <a\n          aria-label=\"Share on Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Share on Xing\"\n        >\n          <XingIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M10.2 9.7l-3-5.4C7.2 4 7 4 6.8 4h-5c-.3 0-.4 0-.5.2v.5L4 10 .4 16v.5c0 .2.2.3.4.3h5c.3 0 .4 0 .5-.2l4-6.6v-.5zM24 .2l-.5-.2H18s-.2 0-.3.3l-8 14v.4l5.2 9c0 .2 0 .3.3.3h5.4s.3 0 .4-.2c.2-.2.2-.4 0-.5l-5-8.8L24 .7V.2z\"\n              />\n            </svg>\n          </XingIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n\nexports[`Xing 15 1`] = `\n.c0 {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n}\n\n.c0 svg {\n  width: 1em;\n  height: 1em;\n  vertical-align: top;\n}\n\n.c0 svg:not(:only-child) {\n  margin-right: 0.4em;\n}\n\n.c0 svg {\n  stroke: #fff;\n  fill: none;\n}\n\n<Component\n  label={[Function]}\n  simpleReverse={true}\n>\n  <ButtonFactory\n    buttonComponent={\n      Object {\n        \"$$typeof\": Symbol(react.forward_ref),\n        \"attrs\": Array [],\n        \"componentStyle\": ComponentStyle {\n          \"componentId\": \"sc-gZMcBi\",\n          \"isStatic\": true,\n          \"lastClassName\": \"FVSUz\",\n          \"rules\": Array [\n            \"\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n\",\n            \"\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n\",\n          ],\n        },\n        \"displayName\": \"Styled(styled.div)\",\n        \"render\": [Function],\n        \"styledComponentId\": \"sc-gZMcBi\",\n        \"target\": \"div\",\n        \"toString\": [Function],\n        \"warnTooManyClasses\": [Function],\n        \"withComponent\": [Function],\n      }\n    }\n    href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n    iconCircle={[Function]}\n    iconCircleSolid={[Function]}\n    iconFill={[Function]}\n    label={[Function]}\n    name=\"Xing\"\n    simpleReverse={true}\n  >\n    <styled.a\n      aria-label=\"Dope ass Xing\"\n      href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n      rel=\"noreferrer noopener\"\n      simpleReverse={true}\n      target=\"_blank\"\n      title=\"Dope ass Xing\"\n    >\n      <StyledComponent\n        aria-label=\"Dope ass Xing\"\n        forwardedClass={\n          Object {\n            \"$$typeof\": Symbol(react.forward_ref),\n            \"attrs\": Array [],\n            \"componentStyle\": ComponentStyle {\n              \"componentId\": \"sc-bwzfXH\",\n              \"isStatic\": false,\n              \"lastClassName\": \"c0\",\n              \"rules\": Array [\n                \"\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\n  \",\n                [Function],\n                \";\n\",\n              ],\n            },\n            \"displayName\": \"styled.a\",\n            \"render\": [Function],\n            \"styledComponentId\": \"sc-bwzfXH\",\n            \"target\": \"a\",\n            \"toString\": [Function],\n            \"warnTooManyClasses\": [Function],\n            \"withComponent\": [Function],\n          }\n        }\n        forwardedRef={null}\n        href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n        rel=\"noreferrer noopener\"\n        simpleReverse={true}\n        target=\"_blank\"\n        title=\"Dope ass Xing\"\n      >\n        <a\n          aria-label=\"Dope ass Xing\"\n          className=\"c0\"\n          href=\"https://www.xing.com/app/user?op=share;url=;title=.\"\n          rel=\"noreferrer noopener\"\n          target=\"_blank\"\n          title=\"Dope ass Xing\"\n        >\n          <XingIconFill>\n            <svg\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M10.2 9.7l-3-5.4C7.2 4 7 4 6.8 4h-5c-.3 0-.4 0-.5.2v.5L4 10 .4 16v.5c0 .2.2.3.4.3h5c.3 0 .4 0 .5-.2l4-6.6v-.5zM24 .2l-.5-.2H18s-.2 0-.3.3l-8 14v.4l5.2 9c0 .2 0 .3.3.3h5.4s.3 0 .4-.2c.2-.2.2-.4 0-.5l-5-8.8L24 .7V.2z\"\n              />\n            </svg>\n          </XingIconFill>\n        </a>\n      </StyledComponent>\n    </styled.a>\n  </ButtonFactory>\n</Component>\n`;\n"
  },
  {
    "path": "__tests__/facebook.js",
    "content": "import React from 'react'\nimport { Facebook } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('Facebook', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <Facebook\n        solidcircle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <Facebook\n        solidcircle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <Facebook\n        solidcircle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <Facebook\n        circle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <Facebook\n        circle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <Facebook\n        circle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <Facebook\n        solid\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <Facebook\n        solid\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <Facebook\n        solid\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('10', () => {\n    const wrapper = mount(<Facebook solid />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Facebook circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Facebook solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<Facebook />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<Facebook simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<Facebook simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <Facebook simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/google.js",
    "content": "import React from 'react'\nimport { Google } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('Google', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <Google\n        solidcircle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <Google\n        solidcircle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <Google\n        solidcircle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <Google\n        circle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <Google\n        circle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <Google\n        circle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <Google\n        solid\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <Google\n        solid\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <Google\n        solid\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Google circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Google solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<Google />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<Google simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<Google simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <Google simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/hacker.js",
    "content": "import React from 'react'\nimport { HackerNews } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('HackerNews', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <HackerNews\n        solidcircle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <HackerNews\n        solidcircle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <HackerNews\n        solidcircle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <HackerNews\n        circle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <HackerNews\n        circle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <HackerNews\n        circle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <HackerNews\n        solid\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <HackerNews\n        solid\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <HackerNews\n        solid\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<HackerNews circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<HackerNews solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<HackerNews />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<HackerNews simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<HackerNews simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <HackerNews simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/linkedin.js",
    "content": "import React from 'react'\nimport { Linkedin } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('Linkedin', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <Linkedin\n        solidcircle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <Linkedin\n        solidcircle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <Linkedin\n        solidcircle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <Linkedin\n        circle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <Linkedin\n        circle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <Linkedin\n        circle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <Linkedin\n        solid\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <Linkedin\n        solid\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <Linkedin\n        solid\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Linkedin circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Linkedin solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<Linkedin />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<Linkedin simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<Linkedin simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <Linkedin simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/mail.js",
    "content": "import React from 'react'\nimport { Mail } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('Mail', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <Mail\n        solidcircle\n        big\n        subject=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <Mail\n        solidcircle\n        medium\n        subject=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <Mail\n        solidcircle\n        small\n        subject=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <Mail circle big subject=\"I am so cool\" link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <Mail\n        circle\n        medium\n        subject=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <Mail\n        circle\n        small\n        subject=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <Mail solid big subject=\"I am so cool\" link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <Mail\n        solid\n        medium\n        subject=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <Mail\n        solid\n        small\n        subject=\"I am so cool\"\n        body=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Mail circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Mail solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<Mail />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<Mail simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<Mail simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('ampersands escaping', () => {\n    const wrapper = mount(\n      <Mail subject=\"I am so cool\" link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper.html()).toContain(\n      'mailto:?subject=I%20am%20so%20cool&amp;body=http%3A%2F%2Fsharingbuttons.io'\n    )\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <Mail simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/pinterest.js",
    "content": "import React from 'react'\nimport { Pinterest } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('Pinterest', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <Pinterest\n        solidcircle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <Pinterest\n        solidcircle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <Pinterest\n        solidcircle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <Pinterest\n        circle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <Pinterest\n        circle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <Pinterest\n        circle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <Pinterest\n        solid\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <Pinterest\n        solid\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <Pinterest\n        solid\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Pinterest circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Pinterest solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<Pinterest />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<Pinterest simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<Pinterest simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <Pinterest simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/reddit.js",
    "content": "import React from 'react'\nimport { Reddit } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('Reddit', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <Reddit solidcircle big link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <Reddit solidcircle medium link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <Reddit solidcircle small link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(<Reddit circle big link=\"http://sharingbuttons.io\" />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <Reddit circle medium link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <Reddit circle small link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(<Reddit solid big link=\"http://sharingbuttons.io\" />)\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <Reddit solid medium link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <Reddit solid small link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Reddit circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Reddit solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<Reddit />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<Reddit simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<Reddit simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <Reddit simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/telegram.js",
    "content": "import React from 'react'\nimport { Telegram } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('Telegram', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <Telegram\n        solidcircle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <Telegram\n        solidcircle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <Telegram\n        solidcircle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <Telegram\n        circle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <Telegram\n        circle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <Telegram\n        circle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <Telegram\n        solid\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <Telegram\n        solid\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <Telegram\n        solid\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Telegram circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Telegram solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<Telegram />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<Telegram simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<Telegram simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <Telegram simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/tumblr.js",
    "content": "import React from 'react'\nimport { Tumblr } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('Tumblr', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <Tumblr\n        solidcircle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <Tumblr\n        solidcircle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <Tumblr\n        solidcircle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <Tumblr\n        circle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <Tumblr\n        circle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <Tumblr\n        circle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <Tumblr\n        solid\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <Tumblr\n        solid\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <Tumblr\n        solid\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Tumblr circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Tumblr solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<Tumblr />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<Tumblr simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<Tumblr simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <Tumblr simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/twitter.js",
    "content": "import React from 'react'\nimport { Twitter } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('Twitter', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <Twitter\n        solidcircle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <Twitter\n        solidcircle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <Twitter\n        solidcircle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <Twitter\n        circle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <Twitter\n        circle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <Twitter\n        circle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <Twitter\n        solid\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <Twitter\n        solid\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <Twitter\n        solid\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Twitter circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Twitter solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<Twitter />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<Twitter simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<Twitter simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <Twitter simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/vk.js",
    "content": "import React from 'react'\nimport { VK } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('VK', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <VK\n        solidcircle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <VK\n        solidcircle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <VK\n        solidcircle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <VK circle big message=\"I am so cool\" link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <VK\n        circle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <VK circle small message=\"I am so cool\" link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <VK solid big message=\"I am so cool\" link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <VK solid medium message=\"I am so cool\" link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <VK solid small message=\"I am so cool\" link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<VK circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<VK solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<VK />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<VK simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<VK simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <VK simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/whatsapp.js",
    "content": "import React from 'react'\nimport { Whatsapp } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('Whatsapp', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <Whatsapp\n        solidcircle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <Whatsapp\n        solidcircle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <Whatsapp\n        solidcircle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <Whatsapp\n        circle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <Whatsapp\n        circle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <Whatsapp\n        circle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <Whatsapp\n        solid\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <Whatsapp\n        solid\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <Whatsapp\n        solid\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Whatsapp circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Whatsapp solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<Whatsapp />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<Whatsapp simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<Whatsapp simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <Whatsapp simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "__tests__/xing.js",
    "content": "import React from 'react'\nimport { Xing } from '../src/index'\nimport 'jest-styled-components'\n\ndescribe('Xing', function() {\n  test('1', () => {\n    const wrapper = mount(\n      <Xing\n        solidcircle\n        big\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('2', () => {\n    const wrapper = mount(\n      <Xing\n        solidcircle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('3', () => {\n    const wrapper = mount(\n      <Xing\n        solidcircle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('4', () => {\n    const wrapper = mount(\n      <Xing circle big message=\"I am so cool\" link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('5', () => {\n    const wrapper = mount(\n      <Xing\n        circle\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('6', () => {\n    const wrapper = mount(\n      <Xing\n        circle\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('7', () => {\n    const wrapper = mount(\n      <Xing solid big message=\"I am so cool\" link=\"http://sharingbuttons.io\" />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('8', () => {\n    const wrapper = mount(\n      <Xing\n        solid\n        medium\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n\n  test('9', () => {\n    const wrapper = mount(\n      <Xing\n        solid\n        small\n        message=\"I am so cool\"\n        link=\"http://sharingbuttons.io\"\n      />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Xing circle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('11', () => {\n    const wrapper = mount(<Xing solidcircle />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('12', () => {\n    const wrapper = mount(<Xing />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('13', () => {\n    const wrapper = mount(<Xing simple />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('14', () => {\n    const wrapper = mount(<Xing simpleReverse />)\n    expect(wrapper).toMatchSnapshot()\n  })\n  test('15', () => {\n    const wrapper = mount(\n      <Xing simpleReverse label={name => `Dope ass ${name}`} />\n    )\n    expect(wrapper).toMatchSnapshot()\n  })\n})\n"
  },
  {
    "path": "docs/facebook.md",
    "content": "# Import\n\n```\nimport { Facebook } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<Facebook link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Facebook simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Facebook simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Facebook solidcircle big link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Facebook solidcircle medium link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Facebook solidcircle small link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Facebook solid big link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Facebook solid medium link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Facebook solid small link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<Facebook style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/google.md",
    "content": "# Import\n\n```\nimport { Google } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<Google link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Google simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Google simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Google solidcircle big link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Google solidcircle medium link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Google solidcircle small link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Google solid big link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Google solid medium link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Google solid small link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<Google style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/hacker.md",
    "content": "# Import\n\n```\nimport { HackerNews } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<HackerNews link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<HackerNews simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<HackerNews simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<HackerNews solidcircle big message=\"Share on HackerNews\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<HackerNews solidcircle medium message=\"Share on HackerNews\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<HackerNews solidcircle small message=\"Share on HackerNews\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<HackerNews solid big message=\"Share on HackerNews\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<HackerNews solid medium message=\"Share on HackerNews\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<HackerNews solid small message=\"Share on HackerNews\" link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<HackerNews style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/index.html",
    "content": "<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <title>React Social Sharing Buttons</title>\n</head>\n<body>\n  <div id=\"catalog\"></div>\n</body>\n</html>\n"
  },
  {
    "path": "docs/index.js",
    "content": "/* eslint-disable global-require, import/no-unresolved, react/no-multi-comp */\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport GithubCorner from 'react-github-corner'\nimport { Catalog, CodeSpecimen, ReactSpecimen, pageLoader } from 'catalog'\n\nimport 'purecss/build/pure.css'\nimport './main.css'\n\nconst documentationImports = () => [\n  {\n    imports: { Twitter: require('../src/index').Twitter },\n    path: '/twitter',\n    title: 'Twitter',\n    content: pageLoader(() => import('./twitter.md'))\n  },\n  {\n    imports: { X: require('../src/index').X },\n    path: '/x',\n    title: 'X',\n    content: pageLoader(() => import('./x.md'))\n  },\n  {\n    imports: { Facebook: require('../src/index').Facebook },\n    path: '/facebook',\n    title: 'Facebook',\n    content: pageLoader(() => import('./facebook.md'))\n  },\n  {\n    imports: { Google: require('../src/index').Google },\n    path: '/google',\n    title: 'Google Plus',\n    content: pageLoader(() => import('./google.md'))\n  },\n  {\n    imports: { Tumblr: require('../src/index').Tumblr },\n    path: '/tumblr',\n    title: 'Tumblr',\n    content: pageLoader(() => import('./tumblr.md'))\n  },\n  {\n    imports: { Mail: require('../src/index').Mail },\n    path: '/mail',\n    title: 'Mail',\n    content: pageLoader(() => import('./mail.md'))\n  },\n  {\n    imports: { Pinterest: require('../src/index').Pinterest },\n    path: '/pinterest',\n    title: 'Pinterest',\n    content: pageLoader(() => import('./pinterest.md'))\n  },\n  {\n    imports: { Linkedin: require('../src/index').Linkedin },\n    path: '/linkedin',\n    title: 'Linkedin',\n    content: pageLoader(() => import('./linkedin.md'))\n  },\n  {\n    imports: { Reddit: require('../src/index').Reddit },\n    path: '/reddit',\n    title: 'Reddit',\n    content: pageLoader(() => import('./reddit.md'))\n  },\n  {\n    imports: { Xing: require('../src/index').Xing },\n    path: '/xing',\n    title: 'Xing',\n    content: pageLoader(() => import('./xing.md'))\n  },\n  {\n    imports: { Whatsapp: require('../src/index').Whatsapp },\n    path: '/whatsapp',\n    title: 'Whatsapp',\n    content: pageLoader(() => import('./whatsapp.md'))\n  },\n  {\n    imports: { HackerNews: require('../src/index').HackerNews },\n    path: '/hacker',\n    title: 'Hacker News',\n    content: pageLoader(() => import('./hacker.md'))\n  },\n  {\n    imports: { VK: require('../src/index').VK },\n    path: '/vk',\n    title: 'VK',\n    content: pageLoader(() => import('./vk.md'))\n  },\n  {\n    imports: { Telegram: require('../src/index').Telegram },\n    path: '/telegram',\n    title: 'Telegram',\n    content: pageLoader(() => import('./telegram.md'))\n  },\n\n]\n\nconst pages = [\n  {\n    path: '/',\n    title: 'Introduction',\n    content: pageLoader(() => import('../README.md'))\n  },\n  ...documentationImports()\n]\n\nReactDOM.render(\n  <div>\n    <GithubCorner\n      href=\"https://github.com/SaraVieira/react-social-sharing\"\n      bannerColor=\"#fff\"\n      octoColor=\"#000\"\n      width={80}\n      height={80}\n      direction=\"right\"\n    />\n    <Catalog\n      imports={documentationImports}\n      pages={pages}\n      specimens={{\n        javascript: props => <CodeSpecimen {...props} lang=\"javascript\" />,\n        js: props => <CodeSpecimen {...props} lang=\"javascript\" />,\n        jsx: props => <ReactSpecimen {...props} />\n      }}\n      title=\"React Social Sharing Buttons\"\n    />\n  </div>,\n  document.getElementById('catalog')\n)\n"
  },
  {
    "path": "docs/linkedin.md",
    "content": "# Import\n\n```\nimport { Linkedin } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<Linkedin link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Linkedin simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Linkedin simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Linkedin solidcircle big message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Linkedin solidcircle big message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Linkedin solidcircle medium message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Linkedin solidcircle small message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Linkedin solid big message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Linkedin solid medium message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Linkedin solid small message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<Linkedin style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/mail.md",
    "content": "# Import\n\n```\nimport { Mail } from 'react-social-sharing'\n```\n\n# Use\n\nYou can change the subject by the `subject` prop and the body with the new `body` prop\n\n```react\nshowSource: true\n---\n<Mail solidcircle link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Mail simple solidcircle link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Mail simpleReverse solidcircle link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Mail solidcircle big subject=\"I am so cool\" body=\"Check out http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Mail solidcircle medium subject=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Mail solidcircle small subject=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Mail solid big subject=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Mail solid medium subject=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Mail solid small subject=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<Mail style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/main.css",
    "content": ".github-corner svg {\n  z-index: 1000;\n}\n\n/* TODO: insert main styles of your demo here */\n"
  },
  {
    "path": "docs/pinterest.md",
    "content": "# Import\n\n```\nimport { Pinterest } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<Pinterest link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Pinterest simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Pinterest simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Pinterest solidcircle big message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Pinterest solidcircle medium message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Pinterest solidcircle small message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Pinterest solid big message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Pinterest solid medium message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Pinterest solid small message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<Pinterest style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/reddit.md",
    "content": "# Import\n\n```\nimport { Reddit } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<Reddit link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Reddit simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Reddit simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Reddit solidcircle big link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Reddit solidcircle medium link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Reddit solidcircle small link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Reddit solid big link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Reddit solid medium link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Reddit solid small link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<Reddit style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/telegram.md",
    "content": "# Import\n\n```\nimport { Telegram } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<Telegram link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Telegram simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Telegram simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Telegram solidcircle big message=\"Share on Telegram\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Telegram solidcircle medium message=\"Share on Telegram\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Telegram solidcircle small message=\"Share on Telegram\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Telegram solid big message=\"Share on Telegram\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Telegram solid medium message=\"Share on Telegram\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Telegram solid small message=\"Share on Telegram\" link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<Telegram style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/tumblr.md",
    "content": "# Import\n\n```\nimport { Tumblr } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<Tumblr link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Tumblr simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Tumblr simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Tumblr solidcircle big link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Tumblr solidcircle medium link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Tumblr solidcircle small link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Tumblr solid big link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Tumblr solid medium link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Tumblr solid small link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<Tumblr style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/twitter.md",
    "content": "# Import\n\n```\nimport { Twitter } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<Twitter link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Twitter simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Twitter simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Twitter solidcircle big message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Twitter solidcircle medium message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Twitter solidcircle small message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Twitter solid big message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Twitter solid medium message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Twitter solid small message=\"I am so cool\" link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<Twitter style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/vk.md",
    "content": "# Import\n\n```\nimport { VK } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<VK link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<VK simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<VK simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<VK solidcircle big message=\"Share on VK\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<VK solidcircle medium message=\"Share on VK\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<VK solidcircle small message=\"Share on VK\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<VK solid big message=\"Share on VK\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<VK solid medium message=\"Share on VK\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<VK solid small message=\"Share on VK\" link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<VK style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/whatsapp.md",
    "content": "# Import\n\n```\nimport { Whatsapp } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<Whatsapp link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Whatsapp simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Whatsapp simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Whatsapp solidcircle big message=\"Share on Whatsapp\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Whatsapp solidcircle medium message=\"Share on Whatsapp\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Whatsapp solidcircle small message=\"Share on Whatsapp\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Whatsapp solid big message=\"Share on Whatsapp\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Whatsapp solid medium message=\"Share on Whatsapp\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Whatsapp solid small message=\"Share on Whatsapp\" link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<Whatsapp style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/x.md",
    "content": "# Import\n\n```\nimport { X } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<X link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<X simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<X solidcircle big message=\"Share on X\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<X solidcircle medium message=\"Share on X\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<X solidcircle small message=\"Share on X\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<X solid big message=\"Share on X\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<X solid medium message=\"Share on X\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<X solid small message=\"Share on X\" link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'purple'\n};\n\n<X style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "docs/xing.md",
    "content": "# Import\n\n```\nimport { Xing } from 'react-social-sharing'\n```\n\n# Use\n\n```react\nshowSource: true\n---\n<Xing link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Xing simple link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Xing simpleReverse link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Xing solidcircle big message=\"Share on xing\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Xing solidcircle medium message=\"Share on xing\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Xing solidcircle small message=\"Share on xing\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Xing solid big message=\"Share on xing\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Xing solid medium message=\"Share on xing\" link=\"http://sharingbuttons.io\"/>\n```\n\n```react\nshowSource: true\n---\n<Xing solid small message=\"Share on xing\" link=\"http://sharingbuttons.io\"/>\n```\n\n## Custom Props\n\n```react\nshowSource: true\n---\nconst styles = {\n  background: 'black'\n};\n\n<Xing style={styles} link=\"http://sharingbuttons.io\"/>\n```\n"
  },
  {
    "path": "lib/jestsetup.js",
    "content": "import Enzyme, { mount, render } from 'enzyme'\nimport Adapter from 'enzyme-adapter-react-16'\n// React 16 Enzyme adapter\nEnzyme.configure({ adapter: new Adapter() })\n// Make Enzyme functions available in all test files without importing\nglobal.mount = mount\nglobal.render = render\nglobal.mount = mount\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"react-social-sharing\",\n  \"description\": \"React Social Sharing Components ( No extra JS )\",\n  \"author\": \"Sara Vieira\",\n  \"version\": \"3.3.0\",\n  \"scripts\": {\n    \"start\": \"catalog start docs\",\n    \"test\": \"jest && npm run test:lint\",\n    \"posttest\": \"npm run format\",\n    \"test:coverage\": \"jest --coverage\",\n    \"test:watch\": \"jest --watch\",\n    \"test:lint\": \"eslint . --ignore-path .gitignore\",\n    \"build\": \"catalog build docs\",\n    \"dist:es6\": \"cross-env BABEL_ENV=es6 babel ./src --out-dir ./dist-es6\",\n    \"dist:modules\": \"cross-env BABEL_ENV=modules babel ./src --out-dir ./dist-modules\",\n    \"dist\": \"npm run dist:es6 && npm run dist:modules\",\n    \"prepublish\": \"npm run dist\",\n    \"format\": \"prettier --write '**/*.{js,css,md}'\"\n  },\n  \"main\": \"dist-modules\",\n  \"module\": \"dist-es6\",\n  \"jsnext:main\": \"dist-es6\",\n  \"peerDependencies\": {\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\"\n  },\n  \"devDependencies\": {\n    \"babel-cli\": \"^6.26.0\",\n    \"babel-core\": \"^6.26.3\",\n    \"babel-eslint\": \"^10.1.0\",\n    \"babel-jest\": \"^29.7.0\",\n    \"babel-plugin-syntax-dynamic-import\": \"^6.18.0\",\n    \"babel-plugin-transform-object-rest-spread\": \"^6.26.0\",\n    \"babel-plugin-transform-react-remove-prop-types\": \"^0.4.24\",\n    \"babel-preset-env\": \"^1.7.0\",\n    \"babel-preset-react\": \"^6.24.1\",\n    \"catalog\": \"^3.6.2\",\n    \"cross-env\": \"^7.0.3\",\n    \"enzyme\": \"^3.11.0\",\n    \"enzyme-adapter-react-16\": \"^1.15.7\",\n    \"enzyme-to-json\": \"^3.6.2\",\n    \"eslint\": \"^8.56.0\",\n    \"eslint-config-prettier\": \"^9.1.0\",\n    \"eslint-plugin-import\": \"^2.29.1\",\n    \"eslint-plugin-jsx-a11y\": \"^6.8.0\",\n    \"eslint-plugin-prettier\": \"^5.1.3\",\n    \"eslint-plugin-react\": \"^7.33.2\",\n    \"fsevents\": \"^2.3.3\",\n    \"git-prepush-hook\": \"^1.0.2\",\n    \"jest\": \"^29.7.0\",\n    \"jest-styled-components\": \"^7.2.0\",\n    \"prettier\": \"^3.2.5\",\n    \"purecss\": \"^3.0.0\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"react-github-corner\": \"^2.5.0\",\n    \"react-test-renderer\": \"^18.2.0\",\n    \"sync-exec\": \"^0.6.2\"\n  },\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/SaraVieira/react-social-sharing.git\"\n  },\n  \"homepage\": \"https://github.com/SaraVieira/react-social-sharing/\",\n  \"bugs\": {\n    \"url\": \"https://github.com/SaraVieira/react-social-sharing/issues\"\n  },\n  \"jest\": {\n    \"setupFiles\": [\n      \"./lib/jestsetup.js\"\n    ],\n    \"snapshotSerializers\": [\n      \"enzyme-to-json/serializer\"\n    ],\n    \"testURL\": \"http://localhost\",\n    \"collectCoverage\": true,\n    \"moduleFileExtensions\": [\n      \"js\",\n      \"jsx\"\n    ],\n    \"moduleDirectories\": [\n      \"node_modules\"\n    ]\n  },\n  \"keywords\": [\n    \"react\",\n    \"reactjs\",\n    \"sharing\",\n    \"social\"\n  ],\n  \"license\": \"MIT\",\n  \"dependencies\": {\n    \"styled-components\": \"^6.1.8\",\n    \"styled-is\": \"^1.3.0\"\n  },\n  \"pre-push\": []\n}\n"
  },
  {
    "path": "src/buttons/facebook.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport is from 'styled-is'\nimport ButtonFactory from './factory'\nimport { FacebookIconFill, FacebookIconCircle } from '../svg/facebook.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Facebook = styled(SharingButton)`\n  background-color: #3b5998;\n  border-color: #3b5998;\n\n  ${is('solidcircle')`\n    svg path { fill: #3b5998 };\n  `};\n\n  &:hover,\n  &:active {\n    background-color: #2d4373;\n    border-color: #2d4373;\n  }\n`\n\nexport default ({ link, name, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'Facebook'}\n    href={links.facebook(link)}\n    buttonComponent={Facebook}\n    iconFill={FacebookIconFill}\n    iconCircle={FacebookIconCircle}\n    iconCircleSolid={FacebookIconCircle}\n  />\n)\n"
  },
  {
    "path": "src/buttons/factory.js",
    "content": "import React, { Fragment } from 'react'\nimport { Link, Icon } from '../common'\nimport wrapper from './wrapper'\n\nconst ButtonFactory = ({\n  small,\n  solid,\n  medium,\n  big,\n  circle,\n  solidcircle,\n  simple,\n  simpleReverse,\n  buttonComponent: Button,\n  iconFill: IconFill,\n  iconCircle: IconCircle,\n  iconCircleSolid: IconCircleSolid,\n  name,\n  ariaName,\n  href,\n  label,\n  target = '_blank',\n  ...props\n}) => {\n  const usedLabel =\n    typeof label === 'function'\n      ? label(ariaName || name)\n      : `Share on ${ariaName || name}`\n  return (\n    <Link\n      href={href}\n      simple={simple}\n      simpleReverse={simpleReverse}\n      target={target}\n      rel=\"noreferrer noopener\"\n      aria-label={usedLabel}\n      title={usedLabel}\n    >\n      {simple || simpleReverse ? (\n        <IconFill {...props} />\n      ) : (\n        <Button small={small} solidcircle={solidcircle} {...props}>\n          <Icon\n            solid={(!solid && !circle && !solidcircle) || solid}\n            solidcircle={solidcircle}\n            aria-hidden=\"true\"\n          >\n            {wrapper(\n              small,\n              solid,\n              medium,\n              big,\n              circle,\n              solidcircle,\n              IconFill,\n              IconCircle,\n              IconCircleSolid,\n              name\n            )}\n          </Icon>\n        </Button>\n      )}\n    </Link>\n  )\n}\n\nexport default ButtonFactory\n"
  },
  {
    "path": "src/buttons/google.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport { GoogleIconFill, GoogleIconCircle } from '../svg/google.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Google = styled(SharingButton)`\n  background-color: #dd4b39;\n  border-color: #dd4b39;\n\n  &:hover,\n  &:active {\n    background-color: #c23321;\n    border-color: #c23321;\n  }\n`\n\nexport default ({ link, name, message, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'Google +'}\n    ariaName={name || 'Google Plus'}\n    href={links.google(link, message)}\n    buttonComponent={Google}\n    iconFill={GoogleIconFill}\n    iconCircle={GoogleIconCircle}\n    iconCircleSolid={GoogleIconCircle}\n  />\n)\n"
  },
  {
    "path": "src/buttons/hacker.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport {\n  HackerIconFill,\n  HackerIconCircle,\n  HackerIconCircleSolid\n} from '../svg/hacker.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Hacker = styled(SharingButton)`\n  background-color: #ff6600;\n  border-color: #ff6600;\n\n  &:hover,\n  &:active {\n    background-color: #fb6200;\n    border-color: #fb6200;\n  }\n`\n\nexport default ({ link, name, message, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'HackerNews'}\n    href={links.hacker(link, message)}\n    buttonComponent={Hacker}\n    iconFill={HackerIconFill}\n    iconCircle={HackerIconCircle}\n    iconCircleSolid={HackerIconCircleSolid}\n  />\n)\n"
  },
  {
    "path": "src/buttons/linkedin.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport {\n  LinkedinIconFill,\n  LinkedinIconCircle,\n  LinkedinIconCircleSolid\n} from '../svg/linkedin.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Linkedin = styled(SharingButton)`\n  background-color: #0077b5;\n  border-color: #0077b5;\n\n  &:hover,\n  &:active {\n    background-color: #046293;\n    border-color: #046293;\n  }\n`\n\nexport default ({ link, name, message, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'LinkedIn'}\n    href={links.linkedin(link, message)}\n    buttonComponent={Linkedin}\n    iconFill={LinkedinIconFill}\n    iconCircle={LinkedinIconCircle}\n    iconCircleSolid={LinkedinIconCircleSolid}\n  />\n)\n"
  },
  {
    "path": "src/buttons/mail.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport {\n  EmailIconFill,\n  EmailIconCircle,\n  EmailIconCircleSolid\n} from '../svg/mail.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Email = styled(SharingButton)`\n  background-color: #777777;\n  border-color: #777777;\n\n  &:hover,\n  &:active {\n    background-color: #5e5e5e;\n    border-color: #5e5e5e;\n  }\n`\n\nexport default ({ link, name, subject, body, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'E-mail'}\n    href={links.mail(link, subject, body)}\n    target=\"_self\"\n    buttonComponent={Email}\n    iconFill={EmailIconFill}\n    iconCircle={EmailIconCircle}\n    iconCircleSolid={EmailIconCircleSolid}\n  />\n)\n"
  },
  {
    "path": "src/buttons/pinterest.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport {\n  PinterestIconFill,\n  PinterestIconCircle,\n  PinterestIconCircleSolid\n} from '../svg/pinterest.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Pinterest = styled(SharingButton)`\n  background-color: #bd081c;\n  border-color: #bd081c;\n\n  &:hover,\n  &:active {\n    background-color: #8c0615;\n    border-color: #8c0615;\n  }\n`\n\nexport default ({ link, name, message, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'Pinterest'}\n    href={links.pinterest(link, message)}\n    buttonComponent={Pinterest}\n    iconFill={PinterestIconFill}\n    iconCircle={PinterestIconCircle}\n    iconCircleSolid={PinterestIconCircleSolid}\n  />\n)\n"
  },
  {
    "path": "src/buttons/reddit.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport {\n  RedditIconFill,\n  RedditIconCircle,\n  RedditIconCircleSolid\n} from '../svg/reddit.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Reddit = styled(SharingButton)`\n  background-color: #5f99cf;\n  border-color: #5f99cf;\n\n  &:hover,\n  &:active {\n    background-color: #3a80c1;\n    border-color: #3a80c1;\n  }\n`\n\nexport default ({ link, name, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'Reddit'}\n    href={links.reddit(link, props.message)}\n    buttonComponent={Reddit}\n    iconFill={RedditIconFill}\n    iconCircle={RedditIconCircle}\n    iconCircleSolid={RedditIconCircleSolid}\n  />\n)\n"
  },
  {
    "path": "src/buttons/telegram.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport {\n  TelegramIconFill,\n  TelegramIconCircle,\n  TelegramIconCircleSolid\n} from '../svg/telegram.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Telegram = styled(SharingButton)`\n  background-color: #54a9eb;\n  border-color: #54a9eb;\n\n  &:hover,\n  &:active {\n    background-color: #4b97d1;\n    border-color: #4b97d1;\n  }\n`\n\nexport default ({ link, name, message, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'Telegram'}\n    href={links.telegram(link, message)}\n    buttonComponent={Telegram}\n    iconFill={TelegramIconFill}\n    iconCircle={TelegramIconCircle}\n    iconCircleSolid={TelegramIconCircleSolid}\n  />\n)\n"
  },
  {
    "path": "src/buttons/tumblr.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport { TumblrIconFill, TumblrIconCircle } from '../svg/tumblr.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Tumblr = styled(SharingButton)`\n  background-color: #35465c;\n  border-color: #35465c;\n\n  &:hover,\n  &:active {\n    background-color: #222d3c;\n    border-color: #222d3c;\n  }\n`\n\nexport default ({ link, name, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'Tumblr'}\n    href={links.tumblr(link)}\n    buttonComponent={Tumblr}\n    iconFill={TumblrIconFill}\n    iconCircle={TumblrIconCircle}\n    iconCircleSolid={TumblrIconCircle}\n  />\n)\n"
  },
  {
    "path": "src/buttons/twitter.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport { TwitterIconFill, TwitterIconCircle } from '../svg/twitter.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Twitter = styled(SharingButton)`\n  background-color: #55acee;\n  border-color: #55acee;\n\n  &:hover,\n  &:active {\n    background-color: #2795e9;\n    border-color: #2795e9;\n  }\n`\n\nexport default ({ link, name, message, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'Twitter'}\n    href={links.twitter(link, message)}\n    buttonComponent={Twitter}\n    iconFill={TwitterIconFill}\n    iconCircle={TwitterIconCircle}\n    iconCircleSolid={TwitterIconCircle}\n  />\n)\n"
  },
  {
    "path": "src/buttons/vk.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport { VKIconFill, VKIconCircle, VKIconCircleSolid } from '../svg/vk.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst VK = styled(SharingButton)`\n  background-color: #507299;\n  border-color: #507299;\n\n  &:hover,\n  &:active {\n    background-color: #43648c;\n    border-color: #43648c;\n  }\n`\n\nexport default ({ link, name, message, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'VK'}\n    href={links.vk(link, message)}\n    buttonComponent={VK}\n    iconFill={VKIconFill}\n    iconCircle={VKIconCircle}\n    iconCircleSolid={VKIconCircleSolid}\n  />\n)\n"
  },
  {
    "path": "src/buttons/whatsapp.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport {\n  WhatsappIconFill,\n  WhatsappIconCircle,\n  WhatsappIconCircleSolid\n} from '../svg/whatsapp.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Whatsapp = styled(SharingButton)`\n  background-color: #25d366;\n  border-color: #25d366;\n\n  &:hover,\n  &:active {\n    background-color: #1da851;\n    border-color: #1da851;\n  }\n`\n\nexport default ({ link, name, message, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'WhatsApp'}\n    href={links.whatsapp(link, message)}\n    buttonComponent={Whatsapp}\n    iconFill={WhatsappIconFill}\n    iconCircle={WhatsappIconCircle}\n    iconCircleSolid={WhatsappIconCircleSolid}\n  />\n)\n"
  },
  {
    "path": "src/buttons/wrapper.js",
    "content": "import React, { Fragment } from 'react'\n\nexport default (\n  small,\n  solid,\n  medium,\n  big,\n  circle,\n  solidcircle,\n  Fill,\n  Circle,\n  CircleSolid,\n  name\n) => {\n  const buttonLabel = !small ? (\n    <span>{!big ? name : `Share on ${name}`}</span>\n  ) : null\n\n  if (solid) {\n    return (\n      <Fragment>\n        {Fill()} {buttonLabel}\n      </Fragment>\n    )\n  }\n\n  if (circle) {\n    return (\n      <Fragment>\n        {Circle()} {buttonLabel}\n      </Fragment>\n    )\n  }\n\n  if (solidcircle) {\n    return (\n      <Fragment>\n        {CircleSolid()} {buttonLabel}\n      </Fragment>\n    )\n  }\n\n  return (\n    <Fragment>\n      {Fill()} {buttonLabel}\n    </Fragment>\n  )\n}\n"
  },
  {
    "path": "src/buttons/x.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory.js'\nimport { SharingButton } from '../common.js'\nimport links from '../consts.js'\nimport { XIconCircle, XIconFill } from '../svg/X.js'\n\nconst XButton = styled(SharingButton)`\n  background-color: #000000;\n  border-color: #202223;\n  transition: transform 200ms ease;\n  &:hover,\n  &:active {\n    transform: scale(1.05);\n  }\n`\n\nexport default ({ link, name, message, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'X'}\n    href={links.x(link, message)}\n    buttonComponent={XButton}\n    iconFill={XIconFill}\n    iconCircle={XIconCircle}\n    iconCircleSolid={XIconCircle}\n  />\n)\n"
  },
  {
    "path": "src/buttons/xing.js",
    "content": "import React from 'react'\nimport styled from 'styled-components'\nimport ButtonFactory from './factory'\nimport {\n  XingIconFill,\n  XingIconCircle,\n  XingIconCircleSolid\n} from '../svg/xing.js'\nimport { SharingButton } from '../common'\nimport links from '../consts'\n\nconst Xing = styled(SharingButton)`\n  background-color: #1a7576;\n  border-color: #1a7576;\n\n  &:hover,\n  &:active {\n    background-color: #114c4c;\n    border-color: #114c4c;\n  }\n`\n\nexport default ({ link, name, message, ...props }) => (\n  <ButtonFactory\n    {...props}\n    name={name || 'Xing'}\n    href={links.xing(link, message)}\n    buttonComponent={Xing}\n    iconFill={XingIconFill}\n    iconCircle={XingIconCircle}\n    iconCircleSolid={XingIconCircleSolid}\n  />\n)\n"
  },
  {
    "path": "src/common.js",
    "content": "import styled, { css } from 'styled-components'\nimport is, { isOr } from 'styled-is'\n\nexport const SharingButton = styled.div`\n  border-radius: 5px;\n  transition: 25ms ease-out;\n  padding: 0.5em 0.75em;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n`\n\nexport const Link = styled.a`\n  text-decoration: none;\n  color: #fff;\n  margin: 0.5em;\n  display: inline-block;\n\n  svg {\n    width: 1em;\n    height: 1em;\n    vertical-align: top;\n\n    &:not(:only-child) {\n      margin-right: 0.4em;\n    }\n  }\n\n  ${is('small')`\n    svg {\n      vertical-align: middle;\n    }\n  `};\n\n  ${is('simple')`\n    svg {\n      stroke: #232323;\n      fill: none;\n    }\n  `};\n\n  ${is('simpleReverse')`\n    svg {\n      stroke: #fff;\n      fill: none;\n    }\n  `};\n`\n\nexport const Icon = styled.div`\n  display: flex;\n  align-items: center;\n  fill: #fff;\n  stroke: none;\n\n  ${isOr('solid', 'solidcircle')`\n    fill: #fff;\n    stroke: none\n  `};\n`\n"
  },
  {
    "path": "src/consts.js",
    "content": "export default {\n  twitter: (link = '', message = '') =>\n    `https://twitter.com/intent/tweet/?text=${encodeURIComponent(\n      message\n    )}&url=${encodeURIComponent(link)}`,\n  x: (link = '', message = '') =>\n    `https://x.com/intent/tweet/?text=${encodeURIComponent(\n      message\n    )}&url=${encodeURIComponent(link)}`,\n  facebook: (link = '') =>\n    `https://facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`,\n  google: (link = '') =>\n    `https://plus.google.com/share?url=${encodeURIComponent(link)}`,\n  tumblr: (link = '') =>\n    `http://tumblr.com/widgets/share/tool?canonicalUrl=${encodeURIComponent(\n      link\n    )}`,\n  reddit: (link = '', message = '') =>\n    `https://reddit.com/submit/?url=${encodeURIComponent(\n      link\n    )}&title=${encodeURIComponent(message)}`,\n  whatsapp: (link = '', message = '') =>\n    `https://api.whatsapp.com/send?text=${encodeURIComponent(\n      message\n    )}%20${encodeURIComponent(link)}`,\n  telegram: (link = '', message = '') =>\n    `https://telegram.me/share/url?text=${encodeURIComponent(\n      message\n    )}&url=${encodeURIComponent(link)}`,\n  vk: (link = '', message = '') =>\n    `http://vk.com/share.php?title=${encodeURIComponent(\n      message\n    )}&url=${encodeURIComponent(link)}`,\n  hacker: (link = '', message = '') =>\n    `https://news.ycombinator.com/submitlink?u=${encodeURIComponent(\n      link\n    )}&t=${encodeURIComponent(message)}`,\n  xing: (link = '', message = '') =>\n    `https://www.xing.com/app/user?op=share;url=${encodeURIComponent(\n      link\n    )};title=${encodeURIComponent(message)}.`,\n  mail: (link = '', subject, body) =>\n    `mailto:?subject=${encodeURIComponent(\n      subject || ''\n    )}&body=${encodeURIComponent((body && `${body}\\n\\n${link}`) || link)}`,\n  pinterest: (link = '', message = '') =>\n    `https://pinterest.com/pin/create/button/?url=${encodeURIComponent(\n      link\n    )}&media=${encodeURIComponent(link)}&description=${encodeURIComponent(\n      message\n    )}`,\n  linkedin: (link = '', message = '') =>\n    `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(\n      link\n    )}`\n}\n"
  },
  {
    "path": "src/index.js",
    "content": "// this should be the entry point to your library\nmodule.exports = {\n  Twitter: require('./buttons/twitter').default,\n  Facebook: require('./buttons/facebook').default,\n  Google: require('./buttons/google').default,\n  Tumblr: require('./buttons/tumblr').default,\n  Mail: require('./buttons/mail').default,\n  Pinterest: require('./buttons/pinterest').default,\n  Linkedin: require('./buttons/linkedin').default,\n  Reddit: require('./buttons/reddit').default,\n  Xing: require('./buttons/xing').default,\n  Whatsapp: require('./buttons/whatsapp').default,\n  HackerNews: require('./buttons/hacker').default,\n  VK: require('./buttons/vk').default,\n  Telegram: require('./buttons/telegram').default,\n  X: require('./buttons/x').default\n}\n"
  },
  {
    "path": "src/svg/X.js",
    "content": "import React from 'react'\n\nexport const XIconFill = () => (\n  <svg role=\"img\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\n      fill=\"white\"\n    />\n  </svg>\n)\n\nexport const XIconCircle = () => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"white\" />\n    <path\n      d=\"M15.4505 6H17.2905L13.2705 10.66L18 17H14.297L11.397 13.1543L8.078 17H6.237L10.537 12.0154L6 6.00051H9.797L12.4185 9.51556L15.4505 6ZM14.805 15.8834H15.8245L9.243 7.05827H8.149L14.805 15.8834Z\"\n      fill=\"black\"\n    />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/facebook.js",
    "content": "import React from 'react'\n\nexport const FacebookIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z\" />\n  </svg>\n)\n\nexport const FacebookIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <circle cx=\"12\" cy=\"12\" r=\"11.5\" />\n    <path d=\"M15.84 9.5H13.5V8.48c0-.53.35-.65.6-.65h1.4v-2.3h-2.35c-2.3 0-2.65 1.7-2.65 2.8V9.5h-2v2h2v7h3v-7h2.1l.24-2z\" />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/google.js",
    "content": "import React from 'react'\n\nexport const GoogleIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M11.37 12.93c-.73-.52-1.4-1.27-1.4-1.5 0-.43.03-.63.98-1.37 1.23-.97 1.9-2.23 1.9-3.57 0-1.22-.36-2.3-1-3.05h.5c.1 0 .2-.04.28-.1l1.36-.98c.16-.12.23-.34.17-.54-.07-.2-.25-.33-.46-.33H7.6c-.66 0-1.34.12-2 .35-2.23.76-3.78 2.66-3.78 4.6 0 2.76 2.13 4.85 5 4.9-.07.23-.1.45-.1.66 0 .43.1.83.33 1.22h-.08c-2.72 0-5.17 1.34-6.1 3.32-.25.52-.37 1.04-.37 1.56 0 .5.13.98.38 1.44.6 1.04 1.84 1.86 3.55 2.28.87.23 1.82.34 2.8.34.88 0 1.7-.1 2.5-.34 2.4-.7 3.97-2.48 3.97-4.54 0-1.97-.63-3.15-2.33-4.35zm-7.7 4.5c0-1.42 1.8-2.68 3.9-2.68h.05c.45 0 .9.07 1.3.2l.42.28c.96.66 1.6 1.1 1.77 1.8.05.16.07.33.07.5 0 1.8-1.33 2.7-3.96 2.7-1.98 0-3.54-1.23-3.54-2.8zM5.54 3.9c.33-.38.75-.58 1.23-.58h.05c1.35.05 2.64 1.55 2.88 3.35.14 1.02-.08 1.97-.6 2.55-.32.37-.74.56-1.23.56h-.03c-1.32-.04-2.63-1.6-2.87-3.4-.13-1 .08-1.92.58-2.5zM23.5 9.5h-3v-3h-2v3h-3v2h3v3h2v-3h3\" />\n  </svg>\n)\n\nexport const GoogleIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M12.65 8.6c-.02-.66-.3-1.3-.8-1.8S10.67 6 9.98 6c-.63 0-1.2.25-1.64.68-.45.44-.68 1.05-.66 1.7.02.68.3 1.32.8 1.8.96.97 2.6 1.04 3.5.14.45-.45.7-1.05.67-1.7zm-2.5 5.63c-2.14 0-3.96.95-3.96 2.1 0 1.12 1.8 2.08 3.94 2.08s3.98-.93 3.98-2.06c0-1.14-1.82-2.1-3.98-2.1z\" />\n    <path d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm-1.84 19.4c-2.8 0-4.97-1.35-4.97-3.08s2.15-3.1 4.94-3.1c.84 0 1.6.14 2.28.36-.57-.4-1.25-.86-1.3-1.7-.26.06-.52.1-.8.1-.95 0-1.87-.38-2.57-1.08-.67-.68-1.06-1.55-1.1-2.48-.02-.94.32-1.8.96-2.45.65-.63 1.5-.93 2.4-.92V5h3.95v1h-1.53l.12.1c.67.67 1.06 1.55 1.1 2.48.02.93-.32 1.8-.97 2.45-.16.15-.33.3-.5.4-.2.6.05.8.83 1.33.9.6 2.1 1.42 2.1 3.56 0 1.73-2.17 3.1-4.96 3.1zM20 10h-2v2h-1v-2h-2V9h2V7h1v2h2v1z\" />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/hacker.js",
    "content": "import React from 'react'\n\nexport const HackerIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\">\n    <path\n      fillRule=\"evenodd\"\n      d=\"M60.94 82.314L17 0h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L103.49 0h18.69L77.84 83.308v53.087h-16.9v-54.08z\"\n    />\n  </svg>\n)\n\nexport const HackerIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\">\n    <circle cx=\"128\" cy=\"128\" r=\"122.5\" />\n    <path\n      fillRule=\"evenodd\"\n      strokeWidth=\"10px\"\n      d=\"M128 256c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0 57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128zm-9.06-113.686L75 60h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L161.49 60h18.69l-44.34 83.308v53.087h-16.9v-54.08z\"\n    />\n  </svg>\n)\n\nexport const HackerIconCircleSolid = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\">\n    <path\n      fillRule=\"evenodd\"\n      d=\"M128 256c70.692 0 128-57.308 128-128C256 57.308 198.692 0 128 0 57.308 0 0 57.308 0 128c0 70.692 57.308 128 128 128zm-9.06-113.686L75 60h20.08l25.85 52.093c.397.927.86 1.888 1.39 2.883.53.994.995 2.02 1.393 3.08.265.4.463.764.596 1.095.13.334.262.63.395.898.662 1.325 1.26 2.618 1.79 3.877.53 1.26.993 2.42 1.39 3.48 1.06-2.254 2.22-4.673 3.48-7.258 1.26-2.585 2.552-5.27 3.877-8.052L161.49 60h18.69l-44.34 83.308v53.087h-16.9v-54.08z\"\n    />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/linkedin.js",
    "content": "import React from 'react'\n\nexport const LinkedinIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z\" />\n  </svg>\n)\n\nexport const LinkedinIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <circle cx=\"12\" cy=\"12\" r=\"11.5\" />\n    <path d=\"M15 12.5c-.28 0-.5.22-.5.5v3.5h-3s.03-6.48 0-7h3v.83s.46-.75 1.7-.75c1.56 0 2.3 1.12 2.3 3.3v3.62h-3V13c0-.28-.23-.5-.5-.5zm-7.5-3h2v7h-2z\" />\n    <circle cx=\"8.5\" cy=\"6.5\" r=\"1\" />\n  </svg>\n)\n\nexport const LinkedinIconCircleSolid = () => (\n  <svg\n    version=\"1.1\"\n    x=\"0px\"\n    y=\"0px\"\n    width=\"24px\"\n    height=\"24px\"\n    viewBox=\"0 0 24 24\"\n    enableBackground=\"new 0 0 24 24\"\n    xmlSpace=\"preserve\"\n  >\n    <path d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M9.5,16.5h-2v-7h2V16.5z M8.5,7.5 c-0.553,0-1-0.448-1-1c0-0.552,0.447-1,1-1s1,0.448,1,1C9.5,7.052,9.053,7.5,8.5,7.5z M18.5,16.5h-3V13c0-0.277-0.225-0.5-0.5-0.5 c-0.276,0-0.5,0.223-0.5,0.5v3.5h-3c0,0,0.031-6.478,0-7h3v0.835c0,0,0.457-0.753,1.707-0.753c1.55,0,2.293,1.12,2.293,3.296V16.5z\" />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/mail.js",
    "content": "import React from 'react'\n\nexport const EmailIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z\" />\n  </svg>\n)\n\nexport const EmailIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <circle cx=\"12\" cy=\"12\" r=\"11.5\" />\n    <path d=\"M19.5 16c0 .8-.7 1.5-1.5 1.5H6c-.8 0-1.5-.7-1.5-1.5V8c0-.8.7-1.5 1.5-1.5h12c.8 0 1.5.7 1.5 1.5v8zm-2-7.5L12 13 6.5 8.5m11 6l-4-2.5m-7 2.5l4-2.5\" />\n  </svg>\n)\n\nexport const EmailIconCircleSolid = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm8 16c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v8z\" />\n    <path d=\"M17.9 8.18c-.2-.2-.5-.24-.72-.07L12 12.38 6.82 8.1c-.22-.16-.53-.13-.7.08s-.15.53.06.7l3.62 2.97-3.57 2.23c-.23.14-.3.45-.15.7.1.14.25.22.42.22.1 0 .18-.02.27-.08l3.85-2.4 1.06.87c.1.04.2.1.32.1s.23-.06.32-.1l1.06-.9 3.86 2.4c.08.06.17.1.26.1.17 0 .33-.1.42-.25.15-.24.08-.55-.15-.7l-3.57-2.22 3.62-2.96c.2-.2.24-.5.07-.72z\" />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/pinterest.js",
    "content": "import React from 'react'\n\nexport const PinterestIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z\" />\n  </svg>\n)\n\nexport const PinterestIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <circle cx=\"12\" cy=\"12\" r=\"11.5\" />\n    <path d=\"M8 11.2c-.15-.32-.25-.72-.25-1.22 0-2.32 1.74-4.4 4.53-4.4 2.47 0 3.82 1.5 3.82 3.52 0 2.64-1.17 4.88-2.9 4.88-.97 0-1.7-.8-1.46-1.77.28-1.14.8-2.4.8-3.23 0-.76-.4-1.38-1.23-1.38-.95 0-1.74 1-1.74 2.37 0 .86.3 1.45.3 1.45l-1.2 5c-.34 1.5-.04 3.33-.02 3.5.02.1.16.15.22.06.1-.12 1.26-1.56 1.66-3l.66-2.53c.32.6 1.25 1.14 2.24 1.14 2.95 0 4.95-2.7 4.95-6.3 0-2.73-2.3-5.27-5.82-5.27-4.36 0-6.57 3.14-6.57 5.75 0 .85.18 1.64.53 2.28l1.5-.8z\" />\n  </svg>\n)\n\nexport const PinterestIconCircleSolid = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm1.4 15.56c-1 0-1.94-.53-2.25-1.14l-.65 2.52c-.4 1.45-1.57 2.9-1.66 3-.06.1-.2.07-.22-.04-.02-.2-.32-2 .03-3.5l1.18-5s-.3-.6-.3-1.46c0-1.36.8-2.37 1.78-2.37.85 0 1.25.62 1.25 1.37 0 .85-.53 2.1-.8 3.27-.24.98.48 1.78 1.44 1.78 1.73 0 2.9-2.24 2.9-4.9 0-2-1.35-3.5-3.82-3.5-2.8 0-4.53 2.07-4.53 4.4 0 .5.1.9.25 1.23l-1.5.82c-.36-.64-.54-1.43-.54-2.28 0-2.6 2.2-5.74 6.57-5.74 3.5 0 5.82 2.54 5.82 5.27 0 3.6-2 6.3-4.96 6.3z\" />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/reddit.js",
    "content": "import React from 'react'\n\nexport const RedditIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z\" />\n  </svg>\n)\n\nexport const RedditIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <circle cx=\"12\" cy=\"12\" r=\"11.5\" />\n    <ellipse cx=\"12\" cy=\"14.37\" rx=\"6.2\" ry=\"4.24\" />\n    <path d=\"M14.3 16.25c-.62.36-1.42.57-2.3.57-.88 0-1.7-.2-2.32-.58\" />\n    <circle cx=\"14.61\" cy=\"13.39\" r=\".98\" />\n    <circle cx=\"9.39\" cy=\"13.39\" r=\".98\" />\n    <path d=\"M16.4 11.38c.26-.55.82-.92 1.47-.92.9 0 1.63.73 1.63 1.63 0 .8-.6 1.47-1.38 1.6\" />\n    <circle cx=\"17.22\" cy=\"7.52\" r=\"1.63\" />\n    <path d=\"M7.6 11.38c-.26-.54-.82-.92-1.47-.92-.9 0-1.63.73-1.63 1.63 0 .8.6 1.47 1.38 1.6M12 10.12s-.08-4.82 3.6-2.6\" />\n  </svg>\n)\n\nexport const RedditIconCircleSolid = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <circle cx=\"9.391\" cy=\"13.392\" r=\".978\" />\n    <path d=\"M14.057 15.814c-1.14.66-2.987.655-4.122-.004-.238-.138-.545-.058-.684.182-.13.24-.05.545.19.685.72.417 1.63.646 2.568.646.93 0 1.84-.228 2.558-.642.24-.13.32-.44.185-.68-.14-.24-.445-.32-.683-.18zM5 12.086c0 .41.23.78.568.978.27-.662.735-1.264 1.353-1.774-.2-.207-.48-.334-.79-.334-.62 0-1.13.507-1.13 1.13z\" />\n    <path d=\"M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm6.673 14.055c.01.104.022.208.022.314 0 2.61-3.004 4.73-6.695 4.73s-6.695-2.126-6.695-4.74c0-.105.013-.21.022-.313C4.537 13.73 4 12.97 4 12.08c0-1.173.956-2.13 2.13-2.13.63 0 1.218.29 1.618.757 1.04-.607 2.345-.99 3.77-1.063.057-.803.308-2.33 1.388-2.95.633-.366 1.417-.323 2.322.085.302-.81 1.076-1.397 1.99-1.397 1.174 0 2.13.96 2.13 2.13 0 1.177-.956 2.133-2.13 2.133-1.065 0-1.942-.79-2.098-1.81-.734-.4-1.315-.506-1.716-.276-.6.346-.818 1.395-.88 2.087 1.407.08 2.697.46 3.728 1.065.4-.468.987-.756 1.617-.756 1.17 0 2.13.953 2.13 2.13 0 .89-.54 1.65-1.33 1.97z\" />\n    <circle cx=\"14.609\" cy=\"13.391\" r=\".978\" />\n    <path d=\"M17.87 10.956c-.302 0-.583.128-.79.334.616.51 1.082 1.112 1.352 1.774.34-.197.568-.566.568-.978 0-.623-.507-1.13-1.13-1.13z\" />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/telegram.js",
    "content": "import React from 'react'\n\nexport const TelegramIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z\" />\n  </svg>\n)\n\nexport const TelegramIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <circle cx=\"12\" cy=\"12\" r=\"11.5\" />\n    <path d=\"M2.505 11.053c-.31.118-.505.738-.505.738s.203.62.513.737l3.636 1.355 1.417 4.557a.787.787 0 0 0 1.25.375l2.115-1.72a.29.29 0 0 1 .353-.01L15.1 19.85a.786.786 0 0 0 .746.095.786.786 0 0 0 .487-.573l2.793-13.426a.787.787 0 0 0-1.054-.893l-15.568 6z\" />\n  </svg>\n)\n\nexport const TelegramIconCircleSolid = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path\n      d=\"M12 23.5c6.35 0 11.5-5.15 11.5-11.5S18.35.5 12 .5.5 5.65.5 12 5.65 23.5 12 23.5zM2.505 11.053c-.31.118-.505.738-.505.738s.203.62.513.737l3.636 1.355 1.417 4.557a.787.787 0 0 0 1.25.375l2.115-1.72a.29.29 0 0 1 .353-.01L15.1 19.85a.786.786 0 0 0 .746.095.786.786 0 0 0 .487-.573l2.793-13.426a.787.787 0 0 0-1.054-.893l-15.568 6z\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/tumblr.js",
    "content": "import React from 'react'\n\nexport const TumblrIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M13.5.5v5h5v4h-5V15c0 5 3.5 4.4 6 2.8v4.4c-6.7 3.2-12 0-12-4.2V9.5h-3V6.7c1-.3 2.2-.7 3-1.3.5-.5 1-1.2 1.4-2 .3-.7.6-1.7.7-3h3.8z\" />\n  </svg>\n)\n\nexport const TumblrIconCircle = () => (\n  <svg\n    version=\"1.1\"\n    x=\"0px\"\n    y=\"0px\"\n    width=\"24px\"\n    height=\"24px\"\n    viewBox=\"0 0 24 24\"\n    enableBackground=\"new 0 0 24 24\"\n    xmlSpace=\"preserve\"\n  >\n    <path d=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M15.492,17.616C11.401,19.544,9.5,17,9.5,14.031 V9.5h-2V8.142c0.549-0.178,1.236-0.435,1.627-0.768c0.393-0.334,0.707-0.733,0.943-1.2c0.238-0.467,0.401-0.954,0.49-1.675H12.5v3h2 v2h-2v3.719c0,2.468,1.484,2.692,2.992,1.701V17.616z\" />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/twitter.js",
    "content": "import React from 'react'\n\nexport const TwitterIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z\" />\n  </svg>\n)\n\nexport const TwitterIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M12 0C5.38 0 0 5.38 0 12s5.38 12 12 12 12-5.38 12-12S18.62 0 12 0zm5.26 9.38v.34c0 3.48-2.64 7.5-7.48 7.5-1.48 0-2.87-.44-4.03-1.2 1.37.17 2.77-.2 3.9-1.08-1.16-.02-2.13-.78-2.46-1.83.38.1.8.07 1.17-.03-1.2-.24-2.1-1.3-2.1-2.58v-.05c.35.2.75.32 1.18.33-.7-.47-1.17-1.28-1.17-2.2 0-.47.13-.92.36-1.3C7.94 8.85 9.88 9.9 12.06 10c-.04-.2-.06-.4-.06-.6 0-1.46 1.18-2.63 2.63-2.63.76 0 1.44.3 1.92.82.6-.12 1.95-.27 1.95-.27-.35.53-.72 1.66-1.24 2.04z\" />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/vk.js",
    "content": "import React from 'react'\n\nexport const VKIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M21.547 7h-3.29a.743.743 0 0 0-.655.392s-1.312 2.416-1.734 3.23C14.734 12.813 14 12.126 14 11.11V7.603A1.104 1.104 0 0 0 12.896 6.5h-2.474a1.982 1.982 0 0 0-1.75.813s1.255-.204 1.255 1.49c0 .42.022 1.626.04 2.64a.73.73 0 0 1-1.272.503 21.54 21.54 0 0 1-2.498-4.543.693.693 0 0 0-.63-.403h-2.99a.508.508 0 0 0-.48.685C3.005 10.175 6.918 18 11.38 18h1.878a.742.742 0 0 0 .742-.742v-1.135a.73.73 0 0 1 1.23-.53l2.247 2.112a1.09 1.09 0 0 0 .746.295h2.953c1.424 0 1.424-.988.647-1.753-.546-.538-2.518-2.617-2.518-2.617a1.02 1.02 0 0 1-.078-1.323c.637-.84 1.68-2.212 2.122-2.8.603-.804 1.697-2.507.197-2.507z\" />\n  </svg>\n)\n\nexport const VKIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <circle cx=\"12\" cy=\"12\" r=\"11.5\" />\n    <path\n      strokeWidth=\"1.5px\"\n      d=\"M20.44 7.62h-2.9c-.24 0-.463.133-.577.347 0 0-1.156 2.13-1.528 2.848-1 1.932-1.647 1.326-1.647.43V8.152c0-.537-.436-.972-.973-.972h-2.182c-.604-.044-1.188.227-1.543.717 0 0 1.106-.18 1.106 1.313 0 .37.02 1.434.035 2.328.008.355-.274.65-.63.656-.187.003-.365-.074-.49-.213-.892-1.24-1.632-2.585-2.202-4.004-.1-.216-.316-.355-.556-.355H3.716c-.248 0-.45.198-.452.445 0 .055.01.108.028.16.8 2.195 4.25 9.094 8.185 9.094h1.655c.362 0 .654-.294.654-.655v-1c0-.356.29-.643.646-.643.162 0 .32.063.438.175l1.98 1.862c.18.166.413.26.658.26h2.604c1.255 0 1.255-.872.57-1.547-.48-.474-2.22-2.308-2.22-2.308-.307-.32-.336-.813-.07-1.166.563-.742 1.482-1.95 1.873-2.47.534-.707 1.498-2.21.176-2.21z\"\n    />\n  </svg>\n)\n\nexport const VKIconCircleSolid = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M12 .5C5.65.5.5 5.65.5 12c0 6.352 5.15 11.5 11.5 11.5 6.352 0 11.5-5.148 11.5-11.5C23.5 5.65 18.352.5 12 .5zm8.11 16.82h-2.603c-.244 0-.48-.094-.658-.26l-1.98-1.862c-.118-.112-.276-.175-.438-.175-.355 0-.646.287-.646.643v1c0 .36-.292.654-.654.654h-1.655c-3.935 0-7.385-6.898-8.185-9.093-.018-.052-.028-.105-.028-.16.002-.247.204-.445.452-.445h2.637c.24 0 .456.14.556.355.57 1.42 1.31 2.764 2.2 4.004.126.14.304.217.49.214.357-.006.64-.3.63-.656-.014-.894-.034-1.958-.034-2.328 0-1.493-1.106-1.313-1.106-1.313.355-.49.94-.76 1.543-.717h2.182c.537 0 .974.435.974.972v3.093c0 .896.646 1.502 1.646-.43.37-.718 1.527-2.848 1.527-2.848.114-.214.337-.347.577-.347h2.9c1.323 0 .358 1.502-.175 2.21-.392.52-1.31 1.727-1.873 2.47-.267.353-.238.845.07 1.165 0 0 1.74 1.834 2.22 2.31.685.673.685 1.545-.57 1.545z\" />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/whatsapp.js",
    "content": "import React from 'react'\n\nexport const WhatsappIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z\" />\n  </svg>\n)\n\nexport const WhatsappIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <circle xmlns=\"http://www.w3.org/2000/svg\" cx=\"12\" cy=\"12\" r=\"11.5\" />\n    <path\n      strokeWidth=\"1px\"\n      d=\"M17.6 6.2c-1.5-1.5-3.4-2.3-5.5-2.3-4.3 0-7.8 3.5-7.8 7.8 0 1.4.4 2.7 1 3.9l-1.1 4 4.1-1.1c1.1.6 2.4.9 3.7.9 4.3 0 7.8-3.5 7.8-7.8.1-2-.7-3.9-2.2-5.4zm-5.5 11.9c-1.2 0-2.3-.3-3.3-.9l-.2-.1-2.4.6.7-2.4-.2-.2c-.6-1-1-2.2-1-3.4 0-3.6 2.9-6.5 6.5-6.5 1.7 0 3.3.7 4.6 1.9 1.2 1.2 1.9 2.8 1.9 4.6-.1 3.5-3 6.4-6.6 6.4zm3.5-4.8c-.2-.1-1.1-.6-1.3-.6-.2-.1-.3-.1-.4.1-.1.2-.5.6-.6.8-.1.1-.2.1-.4 0s-.8-.3-1.6-1c-.6-.5-1-1.2-1.1-1.3-.1-.2 0-.3.1-.4l.3-.3s.1-.2.2-.3c.1-.1 0-.2 0-.3s-.4-1.1-.6-1.4c-.2-.4-.3-.3-.4-.3h-.4s-.3 0-.5.2-.7.7-.7 1.6c0 1 .7 1.9.8 2s1.4 2.1 3.3 2.9c.5.2.8.3 1.1.4.5.1.9.1 1.2.1.4-.1 1.1-.5 1.3-.9.2-.5.2-.8.1-.9 0-.2-.2-.3-.4-.4z\"\n    />\n  </svg>\n)\n\nexport const WhatsappIconCircleSolid = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24\"\n    width=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path d=\"m12 0c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm0 3.8c2.2 0 4.2 0.9 5.7 2.4 1.6 1.5 2.4 3.6 2.5 5.7 0 4.5-3.6 8.1-8.1 8.1-1.4 0-2.7-0.4-3.9-1l-4.4 1.1 1.2-4.2c-0.8-1.2-1.1-2.6-1.1-4 0-4.5 3.6-8.1 8.1-8.1zm0.1 1.5c-3.7 0-6.7 3-6.7 6.7 0 1.3 0.3 2.5 1 3.6l0.1 0.3-0.7 2.4 2.5-0.7 0.3 0.099c1 0.7 2.2 1 3.4 1 3.7 0 6.8-3 6.9-6.6 0-1.8-0.7-3.5-2-4.8s-3-2-4.8-2zm-3 2.9h0.4c0.2 0 0.4-0.099 0.5 0.3s0.5 1.5 0.6 1.7 0.1 0.2 0 0.3-0.1 0.2-0.2 0.3l-0.3 0.3c-0.1 0.1-0.2 0.2-0.1 0.4 0.2 0.2 0.6 0.9 1.2 1.4 0.7 0.7 1.4 0.9 1.6 1 0.2 0 0.3 0.001 0.4-0.099s0.5-0.6 0.6-0.8c0.2-0.2 0.3-0.2 0.5-0.1l1.4 0.7c0.2 0.1 0.3 0.2 0.5 0.3 0 0.1 0.1 0.5-0.099 1s-1 0.9-1.4 1c-0.3 0-0.8 0.001-1.3-0.099-0.3-0.1-0.7-0.2-1.2-0.4-2.1-0.9-3.4-3-3.5-3.1s-0.8-1.1-0.8-2.1c0-1 0.5-1.5 0.7-1.7s0.4-0.3 0.5-0.3z\" />\n  </svg>\n)\n"
  },
  {
    "path": "src/svg/xing.js",
    "content": "import React from 'react'\n\nexport const XingIconFill = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M10.2 9.7l-3-5.4C7.2 4 7 4 6.8 4h-5c-.3 0-.4 0-.5.2v.5L4 10 .4 16v.5c0 .2.2.3.4.3h5c.3 0 .4 0 .5-.2l4-6.6v-.5zM24 .2l-.5-.2H18s-.2 0-.3.3l-8 14v.4l5.2 9c0 .2 0 .3.3.3h5.4s.3 0 .4-.2c.2-.2.2-.4 0-.5l-5-8.8L24 .7V.2z\" />\n  </svg>\n)\n\nexport const XingIconCircle = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <circle cx=\"12\" cy=\"12\" r=\"11.5\" />\n    <path d=\"M8.4 8.5h-3L7 11.3l-2.2 3.2h3l2.3-3.2zm10-3h-3.2l-5 8.5 3.2 5.5h3.3l-3-5.5z\" />\n  </svg>\n)\n\nexport const XingIconCircleSolid = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n    <path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zM7.8 14.5h-3L7 11.3 5.3 8.5h3l1.8 2.8L8 14.5zm9 5h-3.4l-3-5.5L15 5.5h3.2L13.6 14l3 5.5z\" />\n  </svg>\n)\n"
  }
]