/* -------------------------------------------------------------------------- */
/*                                  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;