import { ResponsiveProp , mapResponsiveProp } from './responsiveProp' ; export type Align = 'left' | 'center' | 'right' ; export type AlignY = 'top' | 'center' | 'bottom' ; export const alignToFlexAlign = ( align ) => mapResponsiveProp ( align , { left : 'flexStart' , center : 'center' , right : 'flexEnd' , } ) ; export const alignYToFlexAlign = ( alignY ) => mapResponsiveProp ( alignY , { top : 'flexStart' , center : 'center' , bottom : 'flexEnd' , } ) ;