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

interface TextSkeletonProps {
  loading: boolean;
  text: string;
  className?: string;
  skelCss:String;
}

const TextSkeleton = ({ loading, text, className,skelCss }: TextSkeletonProps) => {
  return (
    <>
      {loading ? (
        <div >
          <Skeleton className={`animate-pulse rounded-md bg-light ${skelCss}`} />
        </div>
      ) : (
        <p className={className}>{text}</p>
      )}
    </>
  );
};

export default TextSkeleton;