@atlaskit/editor-plugin-avatar-group
Version:
Avatar Group plugin for @atlaskit/editor-core.
42 lines (41 loc) • 1.34 kB
JavaScript
/**
* @jsxRuntime classic
* @jsx jsx
*/
import React, { Fragment } from 'react';
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
import { jsx } from '@emotion/react';
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
import AddIcon from '@atlaskit/icon/core/add';
import { inviteTeamWrapperStyles } from './styles';
const ID = props => jsx(Fragment, null, props.children);
export const InviteToEditButton = props => {
const {
Component,
onClick,
selected,
title
} = props;
const iconBefore = React.useMemo(() => jsx(AddIcon, {
label: title
}), [title]);
if (!Component && !onClick) {
return null;
}
const Wrapper = Component ? Component : ID;
return (
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
jsx("div", {
css: inviteTeamWrapperStyles
}, jsx(Wrapper, null, jsx(ToolbarButton
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
, {
className: "invite-to-edit",
onClick: onClick,
selected: selected,
title: title,
titlePosition: "bottom",
iconBefore: iconBefore
})))
);
};