1// Jest Snapshot v1, https://goo.gl/fbAQLP
2
3exports[`Converts basic link 1`] = `
4"import { A } from "@expo/html-elements";import { jsx as _jsx } from "react/jsx-runtime";
5function App() {
6  return _jsx(A, { href: "#", children: "Link" });
7}"
8`;
9
10exports[`Converts fixture 1`] = `
11"import { Main, Article, P, Code, Div } from "@expo/html-elements";import { Image } from 'react-native';import { jsx as _jsx } from "react/jsx-runtime";import { jsxs as _jsxs } from "react/jsx-runtime";
12
13export default function App() {
14  return (
15    _jsx(Main, { className: "flex-1 items-center justify-center", children:
16      _jsxs(Article, { className: "md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800", children: [
17        _jsx(Image, {
18          className: "w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto",
19          source: {
20            uri: 'https://en.gravatar.com/userimage/120276729/078ee8361156d0e1c37b90e7851fed4b.png'
21          },
22          width: "384",
23          height: "512" }),
24
25        _jsxs(Main, { className: "pt-6 md:p-8 text-center md:text-left space-y-4", children: [
26          _jsxs(P, { className: "text-lg font-medium", children: ["With ",
27            _jsx(Code, { children: "@expo/html-elements" }), ", you can write HTML syntax that renders to real native components. Combined with Tailwind CSS, you have an experience that makes web developers feel at home.\\u201D"] }),
28
29
30
31          _jsxs(Div, { className: "font-medium", children: [
32            _jsx(P, { className: "text-sky-500 dark:text-sky-400 my-0", children: "Evan Bacon" }),
33            _jsx(P, { className: "text-slate-700 dark:text-slate-500 my-2", children: "Engineer, Expo" })] })] })] }) }));
34
35
36
37
38
39}"
40`;
41
42exports[`Doesn't support unknowns 1`] = `
43"import { jsx as _jsx } from "react/jsx-runtime";
44function App() {
45  return _jsx("foobar", { href: "#", children: "Link" });
46}"
47`;
48
49exports[`Skips injecting the import if one is already present 1`] = `
50"import { A } from "@expo/html-elements";
51import { A } from '@expo/html-elements';import { jsx as _jsx } from "react/jsx-runtime";
52function App() {
53  return _jsx(A, { href: "#", children: "Link" });
54}"
55`;
56