import React from 'react';
import styled from 'styled-components';

interface IProps {
  children: React.ReactNode;
}

export const RPGUIScrollbar = ({ children }: IProps) => {
  return <Container>{children}</Container>;
};

const Container = styled.div`
  /* Override RPGUI CSS */

  .rpgui-content ::-webkit-scrollbar,
  .rpgui-content::-webkit-scrollbar {
    width: 25px !important;
  }

  .rpgui-content ::-webkit-scrollbar-track,
  .rpgui-content::-webkit-scrollbar-track {
    background-size: 25px 60px !important;
  }
`;
