"use client"
 
import * as React from "react"
 
import { useTimeout } from "@/hooks/use-timeout"
 
export function Component() {
  const [visible, setVisible] = React.useState(true)
 
  const hide = () => {
    setVisible(false)
  }
 
  useTimeout(hide, 5000)
 
  return (
    <div>
      <p>
        {visible
          ? "I'm visible for 5000ms"
          : "You can no longer see this content"}
      </p>
    </div>
  )
}