App.tsx

import React from "react";
import logo from "./logo.svg";
import "./App.css";

const App: React.FC = () => {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <h1 className="App-title">Welcome to React</h1>
        <button className="App-button">Get Started</button>
        <input name="textInput" className="App-input" size={32} />
        <form className="App-form" name="testForm">
          <label htmlFor="App-testOne">test1:</label>
          <input className="App-testInput" type="text" name="testOne" />
          <label htmlFor="App-testTwo">test2:</label>
          <input className="App-testInput" type="text" name="testTwo" />
        </form>
        <select name="testSelect">
          <option value="first">First Value</option>
          <option value="second" selected>
            Second Value
          </option>
          <option value="third">Third Value</option>
        </select>
        <input
          name="textInput"
          className="App-inputFile"
          size={32}
          type="file"
        />
      </header>
      <p className="App-intro">
        To get started, edit <code>src/App.js</code> and save to reload.
      </p>
    </div>
  );
};

export default App;