import { cn } from 'ui'

import { SignInPartner } from '@/components/interfaces/SignIn/SignInPartner'
import ForgotPasswordLayout from '@/components/layouts/SignInLayout/ForgotPasswordLayout'
import type { NextPageWithLayout } from '@/types'

const SignInPartnerPage: NextPageWithLayout = () => {
  return <SignInPartner />
}

SignInPartnerPage.getLayout = (page) => (
  // [Joshen] Just using this layout for the styling
  <ForgotPasswordLayout
    showHeadings={false}
    className={cn(
      'mx-auto max-w-7xl px-8 sm:px-12 lg:px-16 gap-y-0!',
      '[&>div:first-child]:absolute [&>div:first-child]:px-0!',
      '[&>div:last-child]:grow [&>div:last-child>main]:px-0!'
    )}
  >
    {page}
  </ForgotPasswordLayout>
)

export default SignInPartnerPage