// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Link should render correctly 1`] = `
"<div><a class=\\"link \\" href=\\"https://react.geist-ui.dev\\">link<style>
          .link {
            display: inline-flex;
            align-items: baseline;
            line-height: inherit;
            color: inherit;
            text-decoration: none;
            padding: calc(0 * 0.8) calc(0 * 1.7);
            border-radius: 0;
            width: fit-content;
            transition: color 200ms ease 0ms;
          }

          .link:hover,
          .link:active,
          .link:focus {
            text-decoration: none;
          }

          .link:hover {
            background-color: unset;
            color: inherit;
          }
        </style></a><a class=\\"link \\" href=\\"https://react.geist-ui.dev\\">link<style>
          .link {
            display: inline-flex;
            align-items: baseline;
            line-height: inherit;
            color: #0070f3;
            text-decoration: none;
            padding: calc(0 * 0.8) calc(0 * 1.7);
            border-radius: 0;
            width: fit-content;
            transition: color 200ms ease 0ms;
          }

          .link:hover,
          .link:active,
          .link:focus {
            text-decoration: none;
          }

          .link:hover {
            background-color: unset;
            color: #3291ff;
          }
        </style></a><a class=\\"link \\" href=\\"https://react.geist-ui.dev\\">link<svg viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" stroke=\\"currentColor\\" stroke-width=\\"1.5\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" fill=\\"none\\" shape-rendering=\\"geometricPrecision\\" class=\\"icon\\"><path d=\\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6\\"></path><path d=\\"M15 3h6v6\\"></path><path d=\\"M10 14L21 3\\"></path><style>
        .icon {
          margin: 0 5px;
          display: inline-flex;
          align-self: center;
          color: currentColor;
        }
      </style></svg><style>
          .link {
            display: inline-flex;
            align-items: baseline;
            line-height: inherit;
            color: inherit;
            text-decoration: none;
            padding: calc(0 * 0.8) calc(0 * 1.7);
            border-radius: 0;
            width: fit-content;
            transition: color 200ms ease 0ms;
          }

          .link:hover,
          .link:active,
          .link:focus {
            text-decoration: none;
          }

          .link:hover {
            background-color: unset;
            color: inherit;
          }
        </style></a><a class=\\"link \\" href=\\"https://react.geist-ui.dev\\">link<style>
          .link {
            display: inline-flex;
            align-items: baseline;
            line-height: inherit;
            color: inherit;
            text-decoration: none;
            padding: calc(0 * 0.8) calc(0 * 1.7);
            border-radius: 0;
            width: fit-content;
            transition: color 200ms ease 0ms;
          }

          .link:hover,
          .link:active,
          .link:focus {
            text-decoration: underline;
          }

          .link:hover {
            background-color: unset;
            color: inherit;
          }
        </style></a><a class=\\"link \\" href=\\"https://react.geist-ui.dev\\">link<style>
          .link {
            display: inline-flex;
            align-items: baseline;
            line-height: inherit;
            color: #0070f3;
            text-decoration: none;
            padding: calc(4pt * 0.8) calc(4pt * 1.7);
            border-radius: 5px;
            width: fit-content;
            transition: color 200ms ease 0ms;
          }

          .link:hover,
          .link:active,
          .link:focus {
            text-decoration: none;
          }

          .link:hover {
            background-color: rgba(0, 112, 243, 0.1);
            color: #3291ff;
          }
        </style></a></div>"
`;
