@kiwicom/smart-faq/src/SmartFAQ/common/ScrollableContent.js

// @flow

import * as React from 'react';

type Props = {|
  children: React.Node,
  styles?: string,
  dataCy?: string,
|};

const ScrollableContent = (props: Props) => (
  <div className="scrollable-content" data-cy={props.dataCy}>
    {props.children}
    <style jsx>
      {`
        .scrollable-content {
          height: 100%;
          overflow-y: auto;
          overflow-x: hidden;
          ${props.styles ? props.styles : ''};
        }
        @media only screen and (max-width: 900px) {
          .scrollable-content {
            width: 100%;
          }
        }
      `}
    </style>
  </div>
);

export default ScrollableContent;