2021-06-21 20:26:04 +00:00
|
|
|
import Link from "next/link";
|
|
|
|
|
2022-04-08 05:33:24 +00:00
|
|
|
import { useIsEmbed } from "@calcom/embed-core";
|
|
|
|
|
2021-10-15 10:53:42 +00:00
|
|
|
import { useLocale } from "@lib/hooks/useLocale";
|
|
|
|
|
|
|
|
const PoweredByCal = () => {
|
|
|
|
const { t } = useLocale();
|
2022-04-08 05:33:24 +00:00
|
|
|
const isEmbed = useIsEmbed();
|
2021-10-15 10:53:42 +00:00
|
|
|
return (
|
2022-04-08 05:33:24 +00:00
|
|
|
<div className={"p-1 text-center text-xs sm:text-right" + (isEmbed ? " max-w-3xl" : "")}>
|
2021-10-15 10:53:42 +00:00
|
|
|
<Link href={`https://cal.com?utm_source=embed&utm_medium=powered-by-button`}>
|
2022-04-08 05:33:24 +00:00
|
|
|
<a target="_blank" className="text-bookinglight opacity-50 hover:opacity-100 dark:text-white">
|
2021-10-15 10:53:42 +00:00
|
|
|
{t("powered_by")}{" "}
|
|
|
|
<img
|
2022-02-09 00:05:13 +00:00
|
|
|
className="relative -mt-px inline h-[10px] w-auto dark:hidden"
|
2021-10-15 10:53:42 +00:00
|
|
|
src="https://cal.com/logo.svg"
|
|
|
|
alt="Cal.com Logo"
|
|
|
|
/>
|
|
|
|
<img
|
2022-02-09 00:05:13 +00:00
|
|
|
className="relativ -mt-px hidden h-[10px] w-auto dark:inline"
|
2021-10-15 10:53:42 +00:00
|
|
|
src="https://cal.com/logo-white.svg"
|
|
|
|
alt="Cal.com Logo"
|
|
|
|
/>
|
|
|
|
</a>
|
|
|
|
</Link>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|
2021-06-21 20:26:04 +00:00
|
|
|
|
2021-09-25 16:03:08 +00:00
|
|
|
export default PoweredByCal;
|