'use client';

import { About, Projects } from './components';
import ChangePasswordForm from './components/change-password';

export function ProfileDefaultContent() {
  return (
    <div className="grid grid-cols-1 xl:grid-cols-3 gap-y-5 xl:gap-7.5">
      <div className="col-span-1">
        <div className="grid gap-5 xl:gap-7.5">
          <About />
          <ChangePasswordForm />
        </div>
      </div>
      <div className="col-span-2">
        <div className="flex flex-col gap-5 lg:gap-7.5">
          <Projects />
        </div>
      </div>
    </div>
  );
}