'use client';

import { DataImport } from '@/app/(protected)/account/home/company-profile/components/data-import';
import { CalendarAccounts } from '@/app/(protected)/account/home/user-profile/components/calendar-accounts';
import { TrustedDevices } from '@/app/(protected)/account/security/overview/components/trusted-devices';
import {
  Account,
  AuthTwoFactor,
  CompanyDocuments,
  Connections,
  PaymentHistory,
  SetGoal,
  Upgrade,
  YourCurrentPlan,
} from './components';

export function AccountSettingsEnterpriseContent() {
  return (
    <div className="grid gap-5 lg:gap-7.5">
      <Upgrade />
      <div className="grid grid-cols-1 lg:grid-cols-2 gap-5 lg:gap-7.5">
        <div className="col-span-1">
          <div className="flex flex-col gap-5 lg:gap-7.5">
            <Account title="Account" />
            <AuthTwoFactor />
            <CompanyDocuments />
            <CalendarAccounts />
            <DataImport />
            <TrustedDevices />
          </div>
        </div>
        <div className="col-span-1">
          <div className="flex flex-col gap-5 lg:gap-7.5">
            <YourCurrentPlan />
            <SetGoal />
            <PaymentHistory />
            <Connections />
          </div>
        </div>
      </div>
    </div>
  );
}