import shortlinkLogo from '../assets/trx-shortlink-orange.png'
import '../App.css'

const Copylink = () => {

        return (
            <>
                <header>
                    <div className="nav">
                        <nav id="main-nav">
                            <ul id="centerlist">
                                <li id="home"> <a draggable="false" href="/home">Home</a> </li>


                            </ul>
                            <ul id="rightlist">
                                <li id="login"> <a draggable="false" href='login'>Login</a></li>
                            </ul>
                        </nav>
                    </div>
                </header>
                <div id="logoname">
                    <a href="#" >
                        <img src={shortlinkLogo} draggable="false" className="logo" alt="trx shortlink logo" />
                    </a>
                    <h1>trx shortlink</h1>
                </div>
                <div className="card">
                    <input className="input" id="oriurl"></input>
                    <button id="button_short" onClick={() => 0}>
                        Copy!
                    </button>
                </div>
            </>
        )

};

export default Copylink;