App = freedom(({ content }) => {
jsx`<div>Header</div>`;
if (content !== '') {
if (USE_JSX_WRAP === true) {
for (let char of content) {
jsx.wrap`<div
style=${{
backgroundColor: char > 'i' ? 'lightred' : 'lightblue'
}}
/>`(() => {
if (char !== 'a') {
jsx`<div>${char} = ${char.charCodeAt(0)}</div>`;
} else {
jsx`<div>${char} = A</div>`;
}
});
}
}
if (USE_JSX_WRAP === false) {
for (let char of content) {
jsx.open`<div
style=${{
backgroundColor: char > 'i' ? 'lightred' : 'lightblue'
}}
/>`;
if (char !== 'a') {
jsx`<div>${char} = ${char.charCodeAt(0)}</div>`;
} else {
jsx`<div>${char} = A</div>`;
}
jsx.close();
}
}
} else {
jsx`<div>NO CONTENT!</div>`;
}
jsx`<div>Footer</div>`;
})