import styled from "styled-components";

import Box from "../Box";
import Text from "../Text";

const BoxStyle = props => ({
  height: props.size,
  width: props.size,
  padding: 0,
  borderRadius: "50%",
  overflow: "hidden",
  lineHeight: "19px",
  backgroundColor: props.theme.colors.grey.neon,
  display: "flex",
  alignItems: "center",
  justifyContent: "center",
});
export const IntialsBox = styled(Box)(BoxStyle);

const ImgStyle = props => ({
  height: "auto",
  width: props.size,
});
export const Img = styled("img")(ImgStyle);

export const UppercaseText = styled(Text)({
  textTransform: "uppercase",
});
