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