import { NextPage } from 'next';

const NumberPage: NextPage = () => {
  return (
    <main className="my-16 md:my-32">
      <section>
        <div className="container mx-auto px-4">
          <h1>
            Number
          </h1>
          <div>
            <section>
              <h2>
                Spinner
              </h2>
              <div>
                TODO

                <input type="number" />
              </div>
            </section>
            <section>
              <h2>
                Slider
              </h2>
              <div>
                TODO

                <input type="range" />
              </div>
            </section>
            <section>
              <h2>
                Matrix
              </h2>
              <div>
                TODO

                <input type="range" />

                <input type="range" />
              </div>
            </section>
          </div>
        </div>
      </section>
    </main>
  )
}

export default NumberPage;
