rustlanges-components 0.1.0

RustLangES components library
Documentation 
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

import { withAs } from "@/utils/hoc";
import { cn } from "@/utils/tw-merge";

type AvatarProps = {
  avatarUrl: string;
  alt?: string;
  className?: string;
  size?: number;
  style?: React.CSSProperties;
};

export const Avatar = withAs(
  (
    Component,
    { avatarUrl, alt, size = 32, className, style, ...rest }: AvatarProps
  ) => {
    return (
      <Component
        {...rest}
        className={cn(["rustlanges-avatar", className])}
        style={{
          width: size,
          height: size,
          ...style,
        }}
      >
        <img className="rustlanges-avatar__img" src={avatarUrl} alt={alt} />
      </Component>
    );
  }
);