{/* Logo */}
-
-
-
+
+
+
Crear Cuenta
diff --git a/shared/components/Logo.tsx b/shared/components/Logo.tsx
new file mode 100644
index 0000000..9592449
--- /dev/null
+++ b/shared/components/Logo.tsx
@@ -0,0 +1,84 @@
+import React from 'react';
+
+interface LogoProps {
+ size?: 'sm' | 'md' | 'lg';
+ showText?: boolean;
+ className?: string;
+ href?: string;
+ onClick?: () => void;
+}
+
+const sizeMap = {
+ sm: { width: 50, height: 50, fontSize: '18px' },
+ md: { width: 56, height: 56, fontSize: '24px' },
+ lg: { width: 80, height: 80, fontSize: '28px' }
+};
+
+export const Logo: React.FC
= ({
+ size = 'md',
+ showText = true,
+ className = '',
+ href = '/',
+ onClick
+}) => {
+ const dimensions = sizeMap[size];
+
+ const content = (
+ <>
+ 
e.currentTarget.style.transform = 'scale(1.1)'}
+ onMouseLeave={(e) => e.currentTarget.style.transform = 'scale(1)'}
+ />
+ {showText && (
+
+ AvanzaCast
+
+ )}
+
+ );
+
+ const containerStyle: React.CSSProperties = {
+ display: 'flex',
+ alignItems: 'center',
+ gap: '6px',
+ textDecoration: 'none',
+ color: 'inherit'
+ };
+
+ // Si hay onClick, renderizar como div clickeable
+ if (onClick) {
+ return (
+
+ {content}
+
+ );
+ }
+
+ // Si no, renderizar como link
+ return (
+
+ {content}
+
+ );
+};
diff --git a/shared/components/index.ts b/shared/components/index.ts
index 64a07a1..af9b394 100644
--- a/shared/components/index.ts
+++ b/shared/components/index.ts
@@ -3,6 +3,7 @@ export { LanguageSelector } from './LanguageSelector';
export { AuthButton } from './AuthButton';
export { Modal } from './Modal';
export type { ModalProps } from './Modal';
+export { Logo } from './Logo';
// Modal parts - reusable components
export { ModalLink } from './modal-parts/ModalLink';