Vertical

import { Scrollbar } from '../../src/components';

// ----------------------------------------------------------------------

<Scrollbar>
  <h4>
    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
    Phasellus tempus.
  </h4>
  <br />
  <br />
  <p>
    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
    Phasellus tempus. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. Phasellus
    dolor. Sed hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames
    ac turpis egestas. Phasellus tempus. In dui magna, posuere eget, vestibulum et, tempor auctor,
    justo. Phasellus dolor. Sed hendrerit.
  </p>
  <br />
  <br />
  <p>
    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
    Phasellus tempus. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. Phasellus
    dolor. Sed hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames
    ac turpis egestas. Phasellus tempus. In dui magna, posuere eget, vestibulum et, tempor auctor,
    justo. Phasellus dolor. Sed hendrerit.
  </p>
</Scrollbar>;

Horizontal

import { Scrollbar } from '../../src/components';

// ----------------------------------------------------------------------

<Scrollbar>
  <Block sx={{ width: '120%' }}>
    <h4>
      Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
      Phasellus tempus.
    </h4>
    <br />
    <br />
    <p>
      Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
      Phasellus tempus. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. Phasellus
      dolor. Sed hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada
      fames ac turpis egestas. Phasellus tempus. In dui magna, posuere eget, vestibulum et, tempor
      auctor, justo. Phasellus dolor. Sed hendrerit.
    </p>
    <br />
    <br />
    <p>
      Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
      Phasellus tempus. In dui magna, posuere eget, vestibulum et, tempor auctor, justo. Phasellus
      dolor. Sed hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada
      fames ac turpis egestas. Phasellus tempus. In dui magna, posuere eget, vestibulum et, tempor
      auctor, justo. Phasellus dolor. Sed hendrerit.
    </p>
  </Block>
</Scrollbar>;