import { jsx } from "react/jsx-runtime";
import React from "react";
import { render } from "@testing-library/react";
import { ThemeProvider } from "../..";
import { Hide } from ".";
describe("<Hide />", () => {
  describe("Snapshots", () => {
    it("should match snapshot", () => {
      const { container } = render(
        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Hide, { xxs: true, xs: true, sm: true, md: true, lg: true, xl: true, xxl: true, xxxl: true, children: /* @__PURE__ */ jsx("div", { children: "foo" }) }) })
      );
      expect(container).toMatchSnapshot();
    });
    it("should hide starting from md breakpoint", () => {
      const { container } = render(
        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Hide, { "md-start": true, children: /* @__PURE__ */ jsx("div", { children: "foo" }) }) })
      );
      expect(container).toMatchSnapshot();
    });
  });
});
