// react
import React from "react";
// application
import AppImage from "~/components/shared/AppImage";
import AppLink from "~/components/shared/AppLink";
import url from "~/services/url";

interface Props extends React.HTMLAttributes<HTMLElement> {}

function Logo(props: Props) {
    return (
        <div {...props}>
            <AppLink href={url.home()} className="logo">
                <div className="logo__image">
                    <AppImage src="/images/logo.png" alt="Logo" width="280" height="60" />
                </div>
            </AppLink>
        </div>
    );
}

export default Logo;