import ChangePassword from './change-password';
import NotifySettings from './notify-settings';
import ThirdPartyAccounts from './third-party-accounts';

export default function Page() {
  return (
    <div className='flex flex-col gap-[10px] sm:gap-[30px] lg:flex-row lg:flex-wrap lg:*:flex-auto'>
      <div className={'flex max-w-[543px] flex-auto flex-col gap-[10px] sm:gap-[30px]'}>
        <ThirdPartyAccounts />
        <ChangePassword />
      </div>
      <div className={'lg:max-w-[195px]'}>
        <NotifySettings />
      </div>
    </div>
  );
}
