import { CheckIcon } from "@heroicons/react/24/solid";
import { clsx } from "clsx";
import Link from "next/link";
import { ReactNode } from "react";
import { BadgeState, StateBadge } from "./state-badge";
const cardClasses = (alreadyAdded: boolean) =>
clsx(
"relative bg-background-light-400 dark:bg-background-dark-400 group block space-y-1.5 rounded-md px-5 py-3 border border-divider-light dark:border-divider-dark transition-all ",
alreadyAdded ? "opacity-50 cursor-default" : "hover:shadow-lg hover:dark:bg-white/10",
);
const LinkWrapper = ({ alreadyAdded, children, link }: { alreadyAdded: boolean; children: ReactNode; link: string }) => {
return !alreadyAdded ? (
{children}
) : (
{children}
);
};
export const TOTP = (alreadyAdded: boolean, link: string) => {
return (
{" "}
Authenticator App
{alreadyAdded && (
<>
)}
);
};
export const U2F = (alreadyAdded: boolean, link: string) => {
return (
{alreadyAdded && (
<>
)}
);
};
export const EMAIL = (alreadyAdded: boolean, link: string) => {
return (
{alreadyAdded && (
<>
)}
);
};
export const SMS = (alreadyAdded: boolean, link: string) => {
return (
{alreadyAdded && (
<>
)}
);
};
export const PASSKEYS = (alreadyAdded: boolean, link: string) => {
return (
{alreadyAdded && (
<>
)}
);
};
export const PASSWORD = (alreadyAdded: boolean, link: string) => {
return (
Password
{alreadyAdded && (
<>
)}
);
};
function Setup() {
return (
);
}