UPDATE: Added Button Light/Dark Theme

This commit is contained in:
EvanLin3141
2025-02-05 13:47:41 +00:00
parent 96e4df12a8
commit 870d1435ae
4 changed files with 33 additions and 11 deletions

View File

@@ -0,0 +1,18 @@
import React from 'react'
interface ThemeProps {
children? : React.ReactNode;
onClick : () => void;
}
const Theme: React.FC<ThemeProps> = ( {onClick, children} ) => {
return (
<button
onClick={onClick}
className={` p-2 text-[1.5rem] text-white hover:text-purple-600 bg-black/30 hover:bg-black/80 rounded-md border border-gray-300 hover:border-purple-500 hover:border-b-4 hover:border-l-4 active:border-b-2 active:border-l-2 transition-all`}>
Light/Dark
</button>
)
}
export default Theme