Frontend/src/App.tsx

50 lines
1.5 KiB
TypeScript

/* -------------------------------------------------------------------------- */
/* Libraries */
/* -------------------------------------------------------------------------- */
import React from "react";
import classNames from "classnames";
import Inputgroup from "components/Inputgroup";
/* -------------------------------------------------------------------------- */
/* Application root component */
/* -------------------------------------------------------------------------- */
/**
* Application root component
* @return {JSX.Element}
*/
function App() {
<<<<<<< Updated upstream
return <div>Hello world!</div>;
=======
return (
<div>
<Inputgroup className="bg-red-500 pt-4">
<select className="w-1/4 h-9 bg-white text-base">
<option>Apps</option>
</select>
<input
className={classNames(
"flex grow shrink basis-auto m-1 p-1 text-base hover:placeholder:text-slate-300 hover:duration-1200 "
)}
placeholder="Search.."
type="text"
/>
<Inputgroup>
{" "}
<input
className={classNames(
"flex grow shrink basis-auto m-1 p-1 text-base hover:placeholder:text-slate-300 hover:duration-1200 "
)}
placeholder="Search.."
type="text"
/>
</Inputgroup>
</Inputgroup>
</div>
);
>>>>>>> Stashed changes
}
export default App;