"use client"
 
import { useEncryption } from "@/hooks/use-encryption"
 
export function Component() {
  const { encrypt, decrypt } = useEncryption()
 
  const handleEncrypt = () => {
    const encrypted = encrypt("Sensitive data", "my-secret-key")
    if (encrypted) {
      console.log("Encrypted:", encrypted)
    }
  }
 
  const handleDecrypt = () => {
    const decrypted = decrypt<string>("U2FsdGVkX1...", "my-secret-key")
    if (decrypted) {
      console.log("Decrypted:", decrypted)
    }
  }
 
  return (
    <div>
      <button onClick={handleEncrypt}>Encrypt Data</button>
      <button onClick={handleDecrypt}>Decrypt Data</button>
    </div>
  )
}