import { jsx, jsxs } from "react/jsx-runtime";
import React from "react";
import { render } from "@testing-library/react";
import { ThemeProvider, Divider, Box, Text } from "../..";
describe("<Divider />", () => {
  it("should create a divider component", () => {
    const { container } = render(
      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Box, { flex: 1, display: "flex", flexDirection: "column", minHeight: 50, children: [
        /* @__PURE__ */ jsx(Text.Regular, { children: "First Content" }),
        /* @__PURE__ */ jsx(Divider, {}),
        /* @__PURE__ */ jsx(Text.Regular, { children: "Second Content" })
      ] }) })
    );
    expect(container).toMatchSnapshot();
  });
  it("should create a vertical divider component", () => {
    const { container } = render(
      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsxs(Box, { flex: 1, display: "flex", flexDirection: "row", minHeight: 50, children: [
        /* @__PURE__ */ jsx(Text.Regular, { children: "First Content" }),
        /* @__PURE__ */ jsx(Divider, { vertical: true }),
        /* @__PURE__ */ jsx(Text.Regular, { children: "Second Content" })
      ] }) })
    );
    expect(container).toMatchSnapshot();
  });
});
