Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | 246x | import { SxProps } from "@mui/material";
export type AvatarSizesProps =
| "20px"
| "24px"
| "28px"
| "32px"
| "40px"
| "44px"
| "48px"
| "50px"
| "56px"
| "64px"
| "72px"
| "80px"
| "16px";
export type AvatarShapes = "square" | "rounded";
export interface GiveAvatarProps {
size?: AvatarSizesProps;
shape?: AvatarShapes;
imageUrl?: string;
name?: string;
sx?: SxProps;
}
export const squareToBorderRadiusMap: Record<AvatarSizesProps, string> = {
"16px": "2px",
"20px": "4px",
"24px": "4px",
"28px": "4px",
"32px": "8px",
"40px": "8px",
"44px": "10px",
"48px": "10px",
"56px": "10px",
"50px": "7.14px",
"64px": "10px",
"72px": "16px",
"80px": "8px",
};
|