Function SkeletonText

src/components/Skeleton.tsx:29–53

({
  rows = 1,
  size = "md",
  className,
}: {
  rows?: number
  size?: "md" | "lg"
  className?: string
})

}

export function SkeletonText({
  rows = 1,
  size = "md",
  className,
}: {
  rows?: number
  size?: "md" | "lg"
  className?: string
}) {
  return (
    <div className="flex flex-col gap-1">
      <SkeletonArray amount={rows}>
        <div
          className={cn(
            "bg-secondary animate-pulse w-full rounded-sm",
            rows > 1 && "last:w-3/4",
            size === "md" && "h-3",
            size === "lg" && "h-5",
            className
          )}
        />
      </SkeletonArray>
    </div>
  )
}