import { Layout } from '@components/core'
import { Container, Text } from '@components/ui'
import useCustomer from '@lib/bigcommerce/use-customer'
export default function Profile() {
  const { data } = useCustomer()
  console.log(data)
  return (
    <Container>
      <Text variant="pageHeading">My Profile</Text>
      <div className="max-w-2xl flex flex-col space-y-5">
        <div>
          <Text variant="sectionHeading">Full Name</Text>
          <span>
            {data.firstName} {data.lastName}
          </span>
        </div>
        <div>
          <Text variant="sectionHeading">Email</Text>
          <span>{data.email}</span>
        </div>
      </div>
    </Container>
  )
}

Profile.Layout = Layout
