Files
zitadel/apps/login/src/ui/ExternalLink.tsx
2024-05-13 17:02:16 -04:00

21 lines
447 B
TypeScript

import { ArrowRightIcon } from "@heroicons/react/24/solid";
export const ExternalLink = ({
children,
href,
}: {
children: React.ReactNode;
href: string;
}) => {
return (
<a
href={href}
className="inline-flex space-x-2 rounded-lg bg-gray-700 px-3 py-1 text-sm font-medium text-gray-100 hover:bg-gray-500 hover:text-white"
>
<div>{children}</div>
<ArrowRightIcon className="block w-4" />
</a>
);
};