@platformbuilders/fluid-react/dist/components/Avatar/styles.js

Builders React for Fluid Design System

import styled from 'styled-components';
import { switchStyle } from '@platformbuilders/theme-toolkit';
var Variants;
(function (Variants) {
    Variants["circle"] = "circle";
    Variants["rounded"] = "rounded";
    Variants["square"] = "square";
})(Variants || (Variants = {}));
const getVariantStyle = switchStyle('$variant');
export const Wrapper = styled.span `
  user-select: none;
  border-radius: ${getVariantStyle({
    [Variants.circle]: '100%',
    [Variants.rounded]: '4px',
    [Variants.square]: '0px',
    default: '0px',
})};
`;
export const Image = styled.img `
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
`;