2021-02-08 07:44:16 +00:00
|
|
|
import { Scrollbars } from "react-custom-scrollbars";
|
|
|
|
import styled from "styled-components";
|
2021-02-25 21:19:45 +00:00
|
|
|
import Base from "../themes/base";
|
2021-02-08 07:44:16 +00:00
|
|
|
|
|
|
|
const StyledScrollbar = styled(Scrollbars)`
|
|
|
|
.nav-thumb-vertical {
|
2021-02-24 17:11:23 +00:00
|
|
|
background-color: ${(props) =>
|
2021-02-08 07:44:16 +00:00
|
|
|
props.color
|
|
|
|
? props.color
|
|
|
|
: props.theme.scrollbar.backgroundColorVertical};
|
2021-09-30 13:27:01 +00:00
|
|
|
z-index: 1;
|
2021-02-08 07:44:16 +00:00
|
|
|
}
|
|
|
|
.nav-thumb-horizontal {
|
2021-02-24 17:11:23 +00:00
|
|
|
background-color: ${(props) =>
|
2021-02-08 07:44:16 +00:00
|
|
|
props.color
|
|
|
|
? props.color
|
|
|
|
: props.theme.scrollbar.backgroundColorHorizontal};
|
|
|
|
}
|
2021-10-20 10:10:45 +00:00
|
|
|
|
|
|
|
.nav-thumb-vertical:hover {
|
|
|
|
background-color: ${(props) =>
|
|
|
|
props.theme.scrollbar.hoverBackgroundColorVertical};
|
|
|
|
}
|
2021-02-08 07:44:16 +00:00
|
|
|
`;
|
|
|
|
|
|
|
|
StyledScrollbar.defaultProps = {
|
2021-02-24 17:11:23 +00:00
|
|
|
theme: Base,
|
2021-02-08 07:44:16 +00:00
|
|
|
};
|
|
|
|
|
2021-02-24 17:11:23 +00:00
|
|
|
export default StyledScrollbar;
|