import React from "react";
import { renderWithTheme } from "../../testHelpers";
import Tag from "../../components/Tag/Tag";

it("renders correctly", () => {
  const { asFragment } = renderWithTheme(<Tag>Core</Tag>);
  expect(asFragment()).toMatchInlineSnapshot(`
    <DocumentFragment>
      .c0 {
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 16px;
      color: #ffffff;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      font-weight: 400;
      white-space: nowrap;
      height: 28px;
      padding: 0 8px;
      font-size: 14px;
      background-color: #1FC7D4;
    }

    .c0 > svg {
      fill: currentColor;
    }

    <div
        class="c0"
        scale="md"
      >
        Core
      </div>
    </DocumentFragment>
  `);
});
