import * as React from 'react';
import Button from './Button.js';
import Form from './Form.js';
import {like, greet} from './actions.js';
import {getServerState} from './ServerState.js';
const h = React.createElement;
export default async function App() {
const res = await fetch('http://localhost:3001/todos');
const todos = await res.json();
return h(
'html',
{
lang: 'en',
},
h(
'head',
null,
h('meta', {
charSet: 'utf-8',
}),
h('meta', {
name: 'viewport',
content: 'width=device-width, initial-scale=1',
}),
h('title', null, 'Flight'),
h('link', {
rel: 'stylesheet',
href: '/src/style.css',
precedence: 'default',
})
),
h(
'body',
null,
h(
'div',
null,
h('h1', null, getServerState()),
h(
'ul',
null,
todos.map(todo =>
h(
'li',
{
key: todo.id,
},
todo.text
)
)
),
h(Form, {
action: greet,
}),
h(
'div',
null,
h(
Button,
{
action: like,
},
'Like'
)
)
)
)
);
}