diff --git a/src/components/generic/button/button.module.css b/src/components/generic/button/button.module.css index 61f33f4..a96e112 100644 --- a/src/components/generic/button/button.module.css +++ b/src/components/generic/button/button.module.css @@ -26,4 +26,9 @@ &.smallIcon { font-size: var(--font-xsm); } + + &:disabled { + cursor: not-allowed; + opacity: 0.4; + } } diff --git a/src/components/generic/button/button.tsx b/src/components/generic/button/button.tsx index dc6f471..5828ad6 100644 --- a/src/components/generic/button/button.tsx +++ b/src/components/generic/button/button.tsx @@ -5,17 +5,25 @@ import { cn } from '@/helpers/styles'; import styles from './button.module.css'; interface ButtonProps { + disabled?: boolean; icon: React.ReactElement; onClick: () => void; smallIcon?: boolean; tooltip: string; } -export function Button({ icon, onClick, smallIcon, tooltip }: ButtonProps) { +export function Button({ + disabled = false, + icon, + onClick, + smallIcon, + tooltip, +}: ButtonProps) { return (