import 'simplebar/dist/simplebar.min.css'
import { forwardRef } from 'react'
import SimpleBar from 'simplebar-react'
import { styled } from '@mui/material/styles'

const ScrollbarRoot = styled(SimpleBar)`
    .simplebar-scrollbar::before {
        width: 100px; /* Set the width of the thumb here */
    }
`

export const Scrollbar = forwardRef((props, ref) => {
    return <ScrollbarRoot ref={ref} {...props} />
})