import styled from 'styled-components';
import { Box } from '../../Box';
import { Button } from '../../Button';

export const Footer = styled(Box)(({ theme }) => ({
  textAlign: 'right',
  marginTop: 'auto',
  padding: theme.space.gridGap,

  [`${Button} + ${Button}`]: {
    marginLeft: theme.space[3],
  },
}));
