jsx import { jsx } from "@emotion/react" ; import { Flex , FlexProps } from "." ; export function ColStart ( props ) { const { flexDirection = "column" , justifyContent = "flex-start" , ... extra } = props ; return ( < Flex flexDirection = { flexDirection } justifyContent = { justifyContent } { ... extra } />); } export function ColEnd ( props ) { const { flexDirection = "column" , justifyContent = "flex-end" , ... extra } = props ; return ( < Flex flexDirection = { flexDirection } justifyContent = { justifyContent } { ... extra } />); } export function ColCenter ( props ) { const { flexDirection = "column" , justifyContent = "center" , ... extra } = props ; return ( < Flex flexDirection = { flexDirection } justifyContent = { justifyContent } { ... extra } />); } export function ColBetween ( props ) { const { flexDirection = "column" , justifyContent = "space-between" , ... extra } = props ; return ( < Flex flexDirection = { flexDirection } justifyContent = { justifyContent } { ... extra } />); } export function ColAround ( props ) { const { flexDirection = "column" , justifyContent = "space-around" , ... extra } = props ; return ( < Flex flexDirection = { flexDirection } justifyContent = { justifyContent } { ... extra } />); } export function ColEvenly ( props ) { const { flexDirection = "column" , justifyContent = "space-evenly" , ... extra } = props ; return ( < Flex flexDirection = { flexDirection } justifyContent = { justifyContent } { ... extra } />); } export { ColStart as Col } ;