forked from crowetic/commerce
24 lines
568 B
TypeScript
24 lines
568 B
TypeScript
|
import cn from "classnames";
|
||
|
|
import React, { FunctionComponent } from "react";
|
||
|
|
import s from "./Avatar.module.css";
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
className?: string;
|
||
|
|
children?: any;
|
||
|
|
}
|
||
|
|
|
||
|
|
const Avatar: FunctionComponent<Props> = ({ className }) => {
|
||
|
|
const rootClassName = cn(s.root, className);
|
||
|
|
return (
|
||
|
|
<div className={rootClassName}>
|
||
|
|
<img
|
||
|
|
className="inline-block h-12 w-12 rounded-full"
|
||
|
|
src="https://vercel.com/api/www/avatar/61182a9f6bda512b4d9263c9c8a60aabe0402f4c?s=204"
|
||
|
|
alt=""
|
||
|
|
></img>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Avatar;
|