30 lines
782 B
TypeScript
30 lines
782 B
TypeScript
import { Link } from "wouter";
|
|
import LogoImage from "../../assets/square-logo.png";
|
|
|
|
export function Logo({ className = "", size = "regular" }: { className?: string, size?: "small" | "regular" | "large" }) {
|
|
const sizeClasses = {
|
|
small: "h-40", /* Even bigger */
|
|
regular: "h-60", /* Even bigger */
|
|
large: "h-80", /* Even bigger */
|
|
};
|
|
|
|
return (
|
|
<Link
|
|
href="/"
|
|
className={`inline-block ${className}`}
|
|
>
|
|
<img
|
|
src={LogoImage}
|
|
alt="Pilates with Fadia"
|
|
className={`${sizeClasses[size]} object-contain object-center`}
|
|
style={{
|
|
padding: "0",
|
|
margin: "0",
|
|
filter: "drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.1))",
|
|
maxWidth: "100%"
|
|
}}
|
|
/>
|
|
</Link>
|
|
);
|
|
}
|