'use client'

import React from 'react'
import { onboardAccount } from './action'

const Profile = ({ userData }: { userData: any }) => {
  const user = userData

  if (user && user.StripeAccount && user.StripeAccount.stripeData) {
    const stripeData = user.StripeAccount.stripeData

    // Accessing the future_requirements field
    const futureRequirements = stripeData.future_requirements

    // You can now use futureRequirements as needed

    // If you need to access nested properties, make sure they exist before accessing them
    if (futureRequirements && futureRequirements.someNestedField) {
      console.log(
        futureRequirements.map((value: any) => {
          console.log({ value })
        })
      )
    }
  }

  return (
    <div>
      <button onClick={() => onboardAccount(userData?.account_id)}>
        {' '}
        Complete Verification{' '}
      </button>

      <p>
        {userData.StripeAccount?.charges_enabled === true &&
        userData.StripeAccount?.payouts_enabled === true
          ? 'Your account is Verified'
          : 'Your account is not Verified'}
      </p>
    </div>
  )
}

export default Profile