@atlaskit/mention/src/components/Scrollable/styles.ts

A React component used to display user profiles in a list for 'Mention' functionality

import styled from 'styled-components';
// @ts-ignore: unused variable
// prettier-ignore
import { HTMLAttributes, ClassAttributes, ComponentClass } from 'react';
import { akBorderRadius } from '@atlaskit/util-shared-styles';
import { scrollableMaxHeight } from '../../shared-styles';

export const ScrollableStyle: ComponentClass<
  HTMLAttributes<{}> & { innerRef?: any }
> = styled.div`
  display: block;
  overflow-x: hidden;
  overflow-y: auto;

  padding: 4px 0;
  margin: 0;

  background: white;
  max-height: ${scrollableMaxHeight};

  border-radius: ${akBorderRadius};
`;