40:I[745537,["/_next/static/immutable/chunks/1e0sikmu6kkq_.js","/_next/static/immutable/chunks/03_3-e6rg44r7.js","/_next/static/immutable/chunks/3lz2_lo0jr8ng.js","/_next/static/immutable/chunks/11e_qvj_eibsq.js","/_next/static/immutable/chunks/0iwyy_un3bxzb.js","/_next/static/immutable/chunks/3r_3-g1h6bsi_.js","/_next/static/immutable/chunks/0b2qwql2vyz84.js","/_next/static/immutable/chunks/18nf0ud-r9tzo.js","/_next/static/immutable/chunks/2150yeh5ep-v4.js","/_next/static/immutable/chunks/1a11qet-mq0az.js","/_next/static/immutable/chunks/1niydwml6lomr.js","/_next/static/immutable/chunks/3f8ib5zdewzhp.js","/_next/static/immutable/chunks/22g0bs-pzncvp.js","/_next/static/immutable/chunks/1d8_pr-dj7wou.js","/_next/static/immutable/chunks/1it99n1ocio53.js","/_next/static/immutable/chunks/2l0i4p9dte9ay.js","/_next/static/immutable/chunks/036moqht0jz4e.js","/_next/static/immutable/chunks/0wr68gwdj3tr7.js","/_next/static/immutable/chunks/38j91wonrqzgv.js","/_next/static/immutable/chunks/2stc2oztvqmnv.js","/_next/static/immutable/chunks/0tmr2lntr9xc6.js","/_next/static/immutable/chunks/1knpru6addigx.js","/_next/static/immutable/chunks/2d8j3bnqr52h5.js","/_next/static/immutable/chunks/1xqp04d04x_uq.js","/_next/static/immutable/chunks/156528a3r44q4.js","/_next/static/immutable/chunks/2du-udfmr9duc.js","/_next/static/immutable/chunks/10f2b6xauk6mi.js","/_next/static/immutable/chunks/3-jp7_pu98brj.js","/_next/static/immutable/chunks/2itb_s2618-bs.js","/_next/static/immutable/chunks/21okw_bdim6q5.js","/_next/static/immutable/chunks/0d4h6_egtv1jz.js","/_next/static/immutable/chunks/2swgm53xlfnj5.js","/_next/static/immutable/chunks/3e-_dxk_hrj_-.js","/_next/static/immutable/chunks/3e4zsxnfus-ny.js","/_next/static/immutable/chunks/09r-q9vmd_vwh.js","/_next/static/immutable/chunks/28k1nc6vh-6oo.js"],"CodeCollapsibleWrapper"] 41:I[119550,["/_next/static/immutable/chunks/1e0sikmu6kkq_.js","/_next/static/immutable/chunks/03_3-e6rg44r7.js","/_next/static/immutable/chunks/3lz2_lo0jr8ng.js","/_next/static/immutable/chunks/11e_qvj_eibsq.js","/_next/static/immutable/chunks/0iwyy_un3bxzb.js","/_next/static/immutable/chunks/3r_3-g1h6bsi_.js","/_next/static/immutable/chunks/0b2qwql2vyz84.js","/_next/static/immutable/chunks/18nf0ud-r9tzo.js","/_next/static/immutable/chunks/2150yeh5ep-v4.js","/_next/static/immutable/chunks/1a11qet-mq0az.js","/_next/static/immutable/chunks/1niydwml6lomr.js","/_next/static/immutable/chunks/3f8ib5zdewzhp.js","/_next/static/immutable/chunks/22g0bs-pzncvp.js","/_next/static/immutable/chunks/1d8_pr-dj7wou.js","/_next/static/immutable/chunks/1it99n1ocio53.js","/_next/static/immutable/chunks/2l0i4p9dte9ay.js","/_next/static/immutable/chunks/036moqht0jz4e.js","/_next/static/immutable/chunks/0wr68gwdj3tr7.js","/_next/static/immutable/chunks/38j91wonrqzgv.js","/_next/static/immutable/chunks/2stc2oztvqmnv.js","/_next/static/immutable/chunks/0tmr2lntr9xc6.js","/_next/static/immutable/chunks/1knpru6addigx.js","/_next/static/immutable/chunks/2d8j3bnqr52h5.js","/_next/static/immutable/chunks/1xqp04d04x_uq.js","/_next/static/immutable/chunks/156528a3r44q4.js","/_next/static/immutable/chunks/2du-udfmr9duc.js","/_next/static/immutable/chunks/10f2b6xauk6mi.js","/_next/static/immutable/chunks/3-jp7_pu98brj.js","/_next/static/immutable/chunks/2itb_s2618-bs.js","/_next/static/immutable/chunks/21okw_bdim6q5.js","/_next/static/immutable/chunks/0d4h6_egtv1jz.js","/_next/static/immutable/chunks/2swgm53xlfnj5.js","/_next/static/immutable/chunks/3e-_dxk_hrj_-.js","/_next/static/immutable/chunks/3e4zsxnfus-ny.js","/_next/static/immutable/chunks/09r-q9vmd_vwh.js","/_next/static/immutable/chunks/28k1nc6vh-6oo.js"],"ComponentCode"] 42:T1601,

"use client"

import React, { useEffect, useMemo, useState, type CSSProperties } from "react"
import Image from "next/image"
import { cva, type VariantProps } from "class-variance-authority"

import { cn } from "@/lib/utils"

// Define text style variants
const textBaseVariants = cva("", {
  variants: {
    size: {
      default: "text-2xl sm:text-3xl lg:text-4xl",
      xxs: "text-base sm:text-lg lg:text-lg",
      xs: "text-lg sm:text-xl lg:text-2xl",
      sm: "text-xl sm:text-2xl lg:text-3xl",
      md: "text-2xl sm:text-3xl lg:text-4xl",
      lg: "text-3xl sm:text-4xl lg:text-5xl",
      xl: "text-4xl sm:text-5xl lg:text-6xl",
      xxl: "text-[2.5rem] sm:text-6xl lg:text-[6rem]",
      xll: "text-5xl sm:text-6xl lg:text-[7rem]",
      xxxl: "text-[6rem] leading-5 sm:text-6xl lg:text-[8rem] lg:leading-8",
    },
    weight: {

3b:["$","$L40",null,{"className":"$undefined","lazyName":"text-gif","title":"$undefined","children":["$","$L41",null,{"html":"$42","name":"text-gif","truncated":true,"language":"tsx","title":"$undefined"}]}]

Examples

Installation