import { MySignatureCard } from "@/components/profile/MySignatureCard";

export default function MySignaturePage() {
  return (
    <div className="px-4 py-8">
      <div className="mx-auto flex max-w-md flex-col gap-6">
        <div>
          <h1 className="text-2xl font-black tracking-tight text-foreground">
            My signature
          </h1>
          <p className="text-sm text-muted-foreground">
            Saved and reused to approve and sign booking contracts.
          </p>
        </div>
        <MySignatureCard />
      </div>
    </div>
  );
}