rypi-scrapper/src/App.tsx

import type { Component } from 'solid-js'

import { Downloaders, TitleBar } from './components/layout'

const Main: Component = () => {
  return (
    <>
      <TitleBar />

      <main class='relative flex h-full w-screen flex-col items-center justify-center bg-[#242424] py-20'>
        <span class='mb-20 text-white'>I would like to:</span>

        <Downloaders />
      </main>
    </>
  )
}

export default Main