import * as React from 'react';
import ContentBox from '@/components/elements/ContentBox';
import UpdatePasswordForm from '@/components/account/forms/UpdatePasswordForm';
import UpdateEmailAddressForm from '@/components/account/forms/UpdateEmailAddressForm';

export default () => {
    return (
        <div className={'flex my-10'}>
            <ContentBox className={'flex-1 mr-4'} title={'Update Password'} showFlashes={'account:password'}>
                <UpdatePasswordForm/>
            </ContentBox>
            <div className={'flex-1 ml-4'}>
                <ContentBox title={'Update Email Address'} showFlashes={'account:email'}>
                    <UpdateEmailAddressForm/>
                </ContentBox>
                <ContentBox title={'Update Identity'} className={'mt-8'}>
                </ContentBox>
            </div>
        </div>
    );
};