import { CSSObject } from 'styled-components'
import { FOUNDATION_THEME } from '../../tokens'

export const contentBaseStyle: CSSObject = {
    backgroundColor: 'white',
    color: 'black',
    borderRadius: 6,
    boxShadow: FOUNDATION_THEME.shadows.sm,
    zIndex: 49,
    minWidth: 200,
    maxWidth: 280,
    overflowY: 'auto',
    overflowX: 'hidden',
    scrollbarWidth: 'none',
    scrollbarColor: 'transparent transparent',
    padding: '0px 6px',
}