import DashboardLayout from '@/components/dashboard/dashboard-layout'
import { Stack, Typography, FormControl, TextField, FormHelperText, Button, Divider} from '@mui/material'
import BillingManagement from '@/components/dashboard/billing-management'
import { useEffect, useState } from 'react'
import ChangePasswordForm from '@/components/dashboard/change-password-form'

const billing = () => {
  return (
    <DashboardLayout>
      <Stack
        flexDirection={'column'}
      >
        <Typography variant='h2'>Settings</Typography>
        <BillingManagement />
        <Divider sx={{ my: '25px'}} />
        <ChangePasswordForm />
      </Stack>
    </DashboardLayout>
  )
}

export default billing