import styled from 'styled-components';

import { ThemeObject } from '../Theme';

export const StyledAvatar = styled.div.attrs((props: { $theme: ThemeObject; $border: boolean }) => ({
  $theme: props.$theme,
  $border: props.$border,
}))`
  color: ${(props) => (props.$border ? props.$theme.text.secondary : props.$theme.pallet.white)};
  border: ${(props) => (props.$border ? `1px solid ${props.$theme.text.secondary}` : 'none')};
`;
