import React from 'react';
import { Card } from '@/components/ui/Card.tsx';
import Skeleton from '@/components/ui/Skeleton.tsx';

const OrganizationHeaderSkeleton = () => (
  <Card className="overflow-hidden">
    <div className="flex flex-col md:flex-row items-center gap-6 p-6">
      <Skeleton className="w-40 h-40 rounded-lg shrink-0" />
      <div className="flex-1 w-full space-y-3">
        <Skeleton className="h-10 w-3/4" />
        <Skeleton className="h-5 w-1/2" />
      </div>
    </div>
  </Card>
);

export default OrganizationHeaderSkeleton;