import Search from "../search/Search"
import Icon from "../md-components/Icon"
import IconButton from "../md-components/IconButton"
import { Link } from "react-router-dom"

const SearchHeader = () => {
    return (
        <div style={{
            display: "flex",
            justifyContent: "center",
            alignItems: "center",
            width: "100%"
        }}>
            <Link to={"/"}>
                <img
                    width={48}
                    src="/favicon.png"
                />
            </Link>

            <Search/>
            {/* <Link to={"/account"}>
                <IconButton
                    style={{
                        "--md-filled-tonal-icon-button-container-height": "48px",
                        "--md-filled-tonal-icon-button-container-width": "48px"
                    }}
                >
                    <Icon>person</Icon>
                </IconButton>
            </Link> */}
        </div>
    )
}

export default SearchHeader