2023-04-11 12:15:10 +00:00
|
|
|
import classNames from "@calcom/lib/classNames";
|
2023-01-04 13:05:00 +00:00
|
|
|
|
2023-04-19 20:55:40 +00:00
|
|
|
export default function Logo({
|
|
|
|
small,
|
|
|
|
icon,
|
|
|
|
inline = true,
|
|
|
|
className,
|
2023-08-31 19:16:21 +00:00
|
|
|
src = "/api/logo",
|
2023-04-19 20:55:40 +00:00
|
|
|
}: {
|
|
|
|
small?: boolean;
|
|
|
|
icon?: boolean;
|
|
|
|
inline?: boolean;
|
|
|
|
className?: string;
|
2023-08-31 19:16:21 +00:00
|
|
|
src?: string;
|
2023-04-19 20:55:40 +00:00
|
|
|
}) {
|
2023-01-04 13:05:00 +00:00
|
|
|
return (
|
2023-04-19 20:55:40 +00:00
|
|
|
<h3 className={classNames("logo", inline && "inline", className)}>
|
2023-01-04 13:05:00 +00:00
|
|
|
<strong>
|
|
|
|
{icon ? (
|
2023-08-31 19:16:21 +00:00
|
|
|
<img className="mx-auto w-9 dark:invert" alt="Cal" title="Cal" src={`${src}?type=icon`} />
|
2023-01-04 13:05:00 +00:00
|
|
|
) : (
|
2023-04-11 12:15:10 +00:00
|
|
|
<img
|
|
|
|
className={classNames(small ? "h-4 w-auto" : "h-5 w-auto", "dark:invert")}
|
|
|
|
alt="Cal"
|
|
|
|
title="Cal"
|
2023-08-31 19:16:21 +00:00
|
|
|
src={src}
|
2023-04-11 12:15:10 +00:00
|
|
|
/>
|
2023-01-04 13:05:00 +00:00
|
|
|
)}
|
|
|
|
</strong>
|
2023-02-13 12:29:48 +00:00
|
|
|
</h3>
|
2023-01-04 13:05:00 +00:00
|
|
|
);
|
|
|
|
}
|