import { Skeleton } from '@/components/ui/skeleton';

export const PortfolioFormSkeleton = () => {
  return (
    <div className='flex flex-col gap-2'>
      <Skeleton className='w-[100px] h-10 bg-neutral-300' />
      <Skeleton className='w-full h-16 bg-neutral-300' />
      <Skeleton className='w-[250px] h-8 bg-neutral-300' />
      <Skeleton className='w-[300px] h-12 bg-neutral-300' />
      <div className='flex gap-2 justify-between'>
        <Skeleton className='w-[100px] h-12 bg-neutral-300' />
        <Skeleton className='w-[150px] h-12 bg-neutral-300' />
      </div>
    </div>
  );
};
