2020-10-07 09:41:58 -07:00
|
|
|
import * as React from 'react';
|
|
|
|
import { Flex } from '@chakra-ui/core';
|
2020-04-24 11:41:43 -07:00
|
|
|
|
2020-10-18 14:47:33 -07:00
|
|
|
import type { FlexProps } from '@chakra-ui/core';
|
|
|
|
|
|
|
|
export const CardFooter = (props: FlexProps) => (
|
2020-07-05 17:20:10 -07:00
|
|
|
<Flex
|
|
|
|
p={4}
|
|
|
|
direction="column"
|
|
|
|
overflowX="hidden"
|
|
|
|
overflowY="hidden"
|
|
|
|
flexDirection="row"
|
2020-10-18 14:47:33 -07:00
|
|
|
borderTopWidth="1px"
|
|
|
|
roundedBottomLeft={4}
|
|
|
|
roundedBottomRight={4}
|
2020-07-05 17:20:10 -07:00
|
|
|
justifyContent="space-between"
|
2020-10-18 14:47:33 -07:00
|
|
|
{...props}
|
|
|
|
/>
|
2020-07-05 17:20:10 -07:00
|
|
|
);
|