<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.development.js" crossorigin></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.development.js" crossorigin></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
<script type="text/babel" id="App.jsx">
window.App = function App() {
return (
React.createElement('div', null,
React.createElement('h1', null, 'Random header text'),
React.createElement('p', null, 'This is a longer paragraph consisting of two to three sentences. It serves as placeholder text to demonstrate how the descriptor handles multi-sentence content. You can replace this with any content you like.'),
React.createElement(Userform, {style: {display: 'flex', flexDirection: 'row'}})
)
);
};
window.Userform = function Userform(props) {
return (
React.createElement('div', {style: props.style},
React.createElement('label', null, 'Username:'),
React.createElement('input', {placeholder: 'Your Github username'})
)
);
};
</script>
</head>