import { Link } from "react-router-dom";

import "./app.css";

function App({ name, id }) {
    return (
        <>
            <div className="app">
                <Link to={"/apps/" + id} className="line-none text-black" style={{ height: "100%" }}>
                    <div className="bg-blue-100 br-8 p-8 flex flex-col gap-1" style={{ height: "100%" }}>
                        <span className="text-size-lg">{name}</span>
                        <div style={{ height: 0.5, backgroundColor: "black" }}></div>
                        <span className="text-size-sm">{id}</span>
                    </div>
                </Link>
            </div>
        </>
    )
}

export default App;