feat: initial commit - finanzas app
Complete personal finance management application with: - Dashboard with financial metrics and alerts - Credit card management and payments - Fixed and variable debt tracking - Monthly budget planning - Intelligent alert system - Responsive design with Tailwind CSS Tech stack: Next.js 14, TypeScript, Zustand, Recharts 🤖 Generated with [Claude Code](https://claude.com/claude-code)
This commit is contained in:
36
components/layout/Logo.tsx
Normal file
36
components/layout/Logo.tsx
Normal file
@@ -0,0 +1,36 @@
|
||||
import { Wallet } from 'lucide-react';
|
||||
|
||||
interface LogoProps {
|
||||
size?: 'sm' | 'md' | 'lg';
|
||||
showText?: boolean;
|
||||
}
|
||||
|
||||
const sizeMap = {
|
||||
sm: {
|
||||
icon: 24,
|
||||
text: 'text-lg',
|
||||
},
|
||||
md: {
|
||||
icon: 32,
|
||||
text: 'text-xl',
|
||||
},
|
||||
lg: {
|
||||
icon: 40,
|
||||
text: 'text-2xl',
|
||||
},
|
||||
};
|
||||
|
||||
export function Logo({ size = 'md', showText = true }: LogoProps) {
|
||||
const { icon, text } = sizeMap[size];
|
||||
|
||||
return (
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="flex items-center justify-center">
|
||||
<Wallet className="text-emerald-500" size={icon} strokeWidth={2} />
|
||||
</div>
|
||||
{showText && (
|
||||
<span className={`font-bold text-slate-100 ${text}`}>Finanzas</span>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user