1import { Image } from 'react-native';
2
3export default function App() {
4  return (
5    <main className="flex-1 items-center justify-center">
6      <article className="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800">
7        <Image
8          className="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto"
9          source={{
10            uri: 'https://en.gravatar.com/userimage/120276729/078ee8361156d0e1c37b90e7851fed4b.png',
11          }}
12          width="384"
13          height="512"
14        />
15        <main className="pt-6 md:p-8 text-center md:text-left space-y-4">
16          <p className="text-lg font-medium">
17            With <code>@expo/html-elements</code>, you can write HTML syntax that renders to real
18            native components. Combined with Tailwind CSS, you have an experience that makes web
19            developers feel at home.”
20          </p>
21          <div className="font-medium">
22            <p className="text-sky-500 dark:text-sky-400 my-0">Evan Bacon</p>
23            <p className="text-slate-700 dark:text-slate-500 my-2">Engineer, Expo</p>
24          </div>
25        </main>
26      </article>
27    </main>
28  );
29}
30