import * as React from 'react';
import { Flex } from '@chakra-ui/core';

export const CardFooter = ({ children, ...props }) => (
  <Flex
    p={4}
    roundedBottomLeft={4}
    roundedBottomRight={4}
    direction="column"
    borderTopWidth="1px"
    overflowX="hidden"
    overflowY="hidden"
    flexDirection="row"
    justifyContent="space-between"
    {...props}>
    {children}
  </Flex>
);