import React from "react"
import { ConnectButton } from "@rainbow-me/rainbowkit"

import { BrahmaIcon } from "@/icons"
import { FlexContainer, Typography } from "@/components/shared/components"
import { useThemeContext } from "@/providers/themeProvider"

export default function Header() {
  const { theme } = useThemeContext()
  return (
    <FlexContainer
      padding="2rem"
      gap={1}
      width={100}
      justifyContent="space-between"
    >
      {/* Icons */}

      {/* ChainSelector and Profile */}
      <ConnectButton />
    </FlexContainer>
  )
}