src/shared/components/NoAuthProviderCard.tsx

"use client";

import Card from "./Card";

export default function NoAuthProviderCard() {
  return (
    <Card>

      <div className="flex items-center gap-3">

        <div className="inline-flex shrink-0 items-center justify-center w-10 h-10 rounded-full bg-green-500/10 text-green-500">

          <span className="material-symbols-outlined text-[20px]">lock_open</span>

        </div>

        <div className="flex-1">

          <p className="text-sm font-medium">No authentication required</p>

          <p className="text-xs text-text-muted">

            This provider is ready to use immediately — no signup or API key needed.

          </p>

        </div>

      </div>

    </Card>
  );
}