react-floating-profile/dist/components/Icon.js

React component to display your github profile <p align="left"> <a href="https://www.npmjs.com/package/react-floating-profile"><img src="https://flat.badgen.net/npm/v/react-floating-profile" alt="react-floating-profile version" /></a> <a href="http

import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
/**
 *
 * @param avatar_url 이미지 url
 * @param size 아이콘 크기
 * @param action 클릭이벤트 실행 여부
 */
function Icon(_a) {
    var avatar_url = _a.avatar_url, _b = _a.size, size = _b === void 0 ? "medium" : _b, className = _a.className, onClickIcon = _a.onClickIcon;
    return (_jsx(_Fragment, { children: _jsx("button", { className: "icon icon-".concat(size, " icon-button ").concat(className, "-container"), onClick: onClickIcon, children: _jsx("img", { src: avatar_url, alt: "", className: "".concat(className) }) }) }));
}
// For Profile Icon (Circle shape)
export function ProfileIcon(_a) {
    var avatar_url = _a.avatar_url, _b = _a.size, size = _b === void 0 ? "large" : _b, onClickIcon = _a.onClickIcon;
    return _jsx(Icon, { avatar_url: avatar_url, size: size, onClickIcon: onClickIcon, className: "circle-shape" });
}
// For Organization Icon (Rect shape)
export function OrganizationIcon(_a) {
    var avatar_url = _a.avatar_url, _b = _a.size, size = _b === void 0 ? "small" : _b, onClickIcon = _a.onClickIcon;
    return _jsx(Icon, { avatar_url: avatar_url, size: size, onClickIcon: onClickIcon, className: "rect-shape" });
}