import React from "react"
export default function Home() {
return (
)
}
const ProtocolIndicator = ({className}: {className?: string}) => {
const [hover, setHover] = React.useState(false)
return (
setHover(true)}
onMouseLeave={() => setHover(false)}
className={`bg-white rounded-full ml-1 px-1 items-center justify-center flex overflow-hidden ${
hover ? "gap-x-1 pr-3" : "w-7"
} h-7 ${className}`}
>
Handshake
)
}
const LumeIndicator = ({ connected, className }: { className?: string, connected: boolean }) => {
const [hover, setHover] = React.useState(false)
return (
setHover(true)}
onMouseLeave={() => setHover(false)}
className={`absolute pr-3 p-2 h-10 left-0 flex items-center justify-center ${
connected ? "bg-primary" : "bg-neutral-300"
} hover:gap-x-2 rounded-r-full transition-all duration-150 ease-in-out ${
hover ? "w-[120px]" : "w-[20px]"
} ${className}`}
>
{connected ? : null}
{connected ? "On Lume" : "On HTTP "}
)
}
const HandshakeLogo = ({ className }: { className?: string }) => {
return (
)
}
const ArrowSvg = ({ className }: { className?: string }) => {
return (
)
}