diff --git a/src/components/Buttons/MainButton/MainButton.module.scss b/src/components/Buttons/MainButton/MainButton.module.scss index d6e1b0e..df580ba 100644 --- a/src/components/Buttons/MainButton/MainButton.module.scss +++ b/src/components/Buttons/MainButton/MainButton.module.scss @@ -16,6 +16,12 @@ } } + &--selected { + background-color: $white-color; + color: $accent-color; + border: $button-with-color-border; + } + &:hover { cursor: pointer; box-shadow: $wide-button-box-shadow-on-hover; diff --git a/src/components/Buttons/MainButton/MainButton.tsx b/src/components/Buttons/MainButton/MainButton.tsx index 5f46652..568c12b 100644 --- a/src/components/Buttons/MainButton/MainButton.tsx +++ b/src/components/Buttons/MainButton/MainButton.tsx @@ -7,18 +7,21 @@ type Props = { onClick?: () => void; label: string; size: Exclude; + isSelected: boolean; }; export const MainButton: React.FC = ({ label, onClick = () => {}, size, + isSelected, }) => { return (