Skip to content

Commit

Permalink
[FEAT][FE] #134 : Footer 구현
Browse files Browse the repository at this point in the history
  • Loading branch information
leedongyull committed Nov 11, 2024
1 parent 0f4a6e3 commit 3dc5d05
Showing 1 changed file with 24 additions and 0 deletions.
24 changes: 24 additions & 0 deletions frontend/src/component/Layout/Footer.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import React from 'react';

interface IFooterProps {
title: string;
onClick?: () => void;
active?: boolean;
}

export const Footer: React.FC<IFooterProps> = ({ title, onClick, active }) => {
const shadow = active ? 'shadow-float' : 'shadow-basic';
const fontColor = active ? 'text-gray-900' : 'text-gray-100';

return (
<footer className="absolute bottom-5 w-[95%] h-[6%]">
<button
className={`w-full h-full bg-white text-black p-2 rounded-lg ${shadow} ${fontColor}`}
type="button"
onClick={onClick}
>
{title}
</button>
</footer>
);
};

0 comments on commit 3dc5d05

Please sign in to comment.