Keycloak
109 строк · 3.0 Кб
1import styles from "@patternfly/react-styles/css/components/Avatar/avatar";
2import { css } from "@patternfly/react-styles";
3
4type DefaultAvatarProps = {
5className?: string;
6border?: "light" | "dark";
7size?: "sm" | "md" | "lg" | "xl";
8};
9
10export const DefaultAvatar = ({
11className = "",
12border,
13size = "md",
14}: DefaultAvatarProps) => (
15<svg
16className={css(
17styles.avatar,
18styles.modifiers[size],
19border === "light" && styles.modifiers.light,
20border === "dark" && styles.modifiers.dark,
21className,
22)}
23enableBackground="new 0 0 36 36"
24version="1.1"
25viewBox="0 0 36 36"
26xmlns="http://www.w3.org/2000/svg"
27>
28<circle29style={{ fillRule: "evenodd", clipRule: "evenodd", fill: "#FFFFFF" }}30cx="18"31cy="18.5"32r="18"33/>34<defs>35<filter36id="b"37x="5.2"38y="7.2"39width="25.6"40height="53.6"41filterUnits="userSpaceOnUse"42>43<feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />44</filter>45</defs>46<mask47id="a"48x="5.2"49y="7.2"50width="25.6"51height="53.6"52maskUnits="userSpaceOnUse"53>54<g style={{ filter: 'url("#b")' }}>55<circle56style={{ fillRule: "evenodd", clipRule: "evenodd", fill: "#FFFFFF" }}57cx="18"58cy="18.5"59r="18"60/>61</g>62</mask>63<g style={{ filter: 'url("#a")' }}>64<g transform="translate(5.04 6.88)">65<path66style={{67fillRule: "evenodd",68clipRule: "evenodd",69fill: "#BBBBBB",70}}71d="m22.6 18.1c-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-0.6-6.3-0.6-6.1 0.7-6.1 0.7 0 0 0 0c-1.2 0.4-2.4 1.2-3.4 2.6-2.3 2.8-3.2 12.3-3.2 14.8 0 3.2 0.4 12.3 0.6 15.4 0 0-0.4 5.5 4 5.5l-0.3-6.3-0.4-3.5 0.2-0.9c0.9 0.4 3.6 1.2 8.6 1.2 5.3 0 8-0.9 8.8-1.3l0.2 1-0.2 3.6-0.3 6.3c3 0.1 3.7-3 3.8-4.4s0.6-12.6 0.6-16.5c0.1-2.6-0.8-12.1-3.1-15z"72/>73<path74style={{75opacity: 0.1,76fillRule: "evenodd",77clipRule: "evenodd",78}}79d="m22.5 26c-0.1-2.1-1.5-2.8-4.8-2.8l2.2 9.6s1.8-1.7 3-1.8c0 0-0.4-4.6-0.4-5z"80/>81<path82style={{83fillRule: "evenodd",84clipRule: "evenodd",85fill: "#BBBBBB",86}}87d="m12.7 13.2c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.8 6.4-6.4 6.4z"88/>89<path90style={{91opacity: 8.0e-2,92fillRule: "evenodd",93clipRule: "evenodd",94fill: "#231F20",95}}96d="m9.4 6.8c0-3 2.1-5.5 4.9-6.3-0.5-0.1-1-0.2-1.6-0.2-3.5 0-6.4 2.9-6.4 6.4s2.9 6.4 6.4 6.4c0.6 0 1.1-0.1 1.6-0.2-2.8-0.6-4.9-3.1-4.9-6.1z"97/>98<path99style={{100opacity: 0.1,101fillRule: "evenodd",102clipRule: "evenodd",103}}104d="m8.3 22.4c-2 0.4-2.9 1.4-3.1 3.5l-0.6 18.6s1.7 0.7 3.6 0.9l0.1-23z"105/>106</g>107</g>108</svg>109);
110