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

export const BoxCircled = styled(Box)<BoxThemeProps>({
  borderRadius: '50%',
});

BoxCircled.defaultProps = {
  ...Box.defaultProps,
  bg: 'brandLightest',
  scale: 0.9,
  width: 48,
  height: 48,
  lineHeight: '48px',
  textAlign: 'center',
};
