Small Typography

import { TypographySmall } from "@/components/ui/uiable-typography-small";

export default function Default() {
  return (
    <div className="flex min-h-[350px] w-full items-center justify-center bg-background p-8">
      <div className="w-full max-w-sm space-y-2">
        <TypographySmall />
        <input
          type="email"
          placeholder="name@example.com"
          className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-sm outline-none focus:ring-2 focus:ring-ring"
        />
        <p className="text-xs text-muted-foreground">
          We&apos;ll never share your email with anyone else.
        </p>
      </div>
    </div>
  );
}