"use client";

import React from "react";
import {TextSkeleton} from "@brynlabs/fusion-ui";

export const TextSkeletonExample = () => (
  <div style={{display: "grid", gap: "1rem"}}>
    <h1 className={"heading-1-font"}>
      <TextSkeleton minLength={20} maxLength={30}></TextSkeleton>
    </h1>
    <h3 className={"heading-3-font"}>
      <TextSkeleton minLength={20} maxLength={30}></TextSkeleton>
    </h3>
    <p className={"body-font"}>
      <TextSkeleton randomSeed={1} minLength={180} maxLength={200}></TextSkeleton>
    </p>
    <p className={"body-font"}>
      <TextSkeleton randomSeed={2} minLength={180} maxLength={200}></TextSkeleton>
    </p>
    <p className={"body-font"}>
      <TextSkeleton randomSeed={3} minLength={180} maxLength={200}></TextSkeleton>
    </p>
    <p className={"body-font"}>
      <TextSkeleton randomSeed={5} minLength={180} maxLength={200}></TextSkeleton>
    </p>
  </div>
);