import styled from 'styled-components';

export const Avatar = styled.div<{ url: string }>`
  display: inline-block;
  margin-right: 10px;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  overflow: hidden;
  background-image: url(${props => props.url});
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
`;