import React , { forwardRef , ReactNode , Ref } from 'react' ; import { Box , Tile } from '..' ; export const DropdownMobile = forwardRef ( function DropdownMobile < R extends HTMLElement > ( { children , } , ref ) { return ( < Tile ref = { ref } elevation = '2' pi = '0' pb = '0' w = '100%' maxHeight = '80%' position = 'fixed' display = 'flex' flexDirection = 'column' overflow = 'auto' style = { { bottom : 0 , left : 0 } } zIndex = { 2 } > < Box flexShrink = { 1 } pb = 'x16' > { children } < /Box> < /Tile>); } ) ;