disabled props was added

This commit is contained in:
Vladimir Khvan 2023-02-06 20:03:20 +05:00
parent d62e126cab
commit 448f387488

View File

@ -5,14 +5,23 @@ import {
NextIcon,
} from "../styled-components";
export const HeaderButtons = ({ onLeftClick, onRightClick }) => {
export const HeaderButtons = ({
onLeftClick,
onRightClick,
isLeftDisabled,
isRightDisabled,
}) => {
return (
<ButtonsContainer>
<RoundButton style={{ marginRight: "12px" }} onClick={onLeftClick}>
<RoundButton
style={{ marginRight: "12px" }}
onClick={onLeftClick}
disabled={isLeftDisabled}
>
<PrevIcon />
</RoundButton>
<RoundButton onClick={onRightClick}>
<RoundButton onClick={onRightClick} disabled={isRightDisabled}>
<NextIcon />
</RoundButton>
</ButtonsContainer>