Text Fill Scrub

import { TextFillScrub } from '@/components/blocks/text-fill-scrub'

import { TextFillScrub } from '@/components/blocks/text-fill-scrub'

export default function TextFillScrubDemo() {
  return (
    <div>
      <TextFillScrub
        eyebrow="Lab · Hydrostatic type"
        headline="INK LEVEL"
        description="The glyphs act as the vessel: scroll raises the ink through them while a meniscus hairline tracks the level against the graded scale. Scrub back down and the letters drain to exactly the same line, the level is a pure function of scroll."
      />
      {/* scroll runway so the level has room to rise in context */}
      <div aria-hidden="true" className="h-[70vh]" />
    </div>
  )
}