import { HStack, Stack } from "@chakra-ui/react"


export const HFStack = ({ children, ...rest }) => ((
    <HStack w="full" {...rest}>
        {children}
    </HStack>
))

export const HBetween = ({ children, ...rest }) => ((
    <HStack
        w="full"
        justify="space-between"
        align="center"
        {...rest}
    >
        {children}
    </HStack>
))

export const AutoRowCol = () => ((
    <Stack>

    </Stack>
))