@atlaskit/button
Version:
A button triggers an event or action. They let users know what will happen next.
29 lines • 1.09 kB
JavaScript
/* content.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./content.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { fg } from '@atlaskit/platform-feature-flags';
const styles = {
text: "_1reo15vq _18m915vq _16jlkb7n _1o9zkb7n _1bto1l2s _o5721q9c",
icon: "_1e0c1txw _16jlidpf _1o9zidpf _1wpz1h6o _1wybidpf _vwz4idpf _uiztglyw",
common: "_v564g17y",
fade: "_tzy4idpf",
beforeIcon: "_1he91b66 _w795v77o",
afterIcon: "_1he9v77o _w7951b66"
};
/**
* __Content__
*
* Used for slots within a Button, including icons and text content.
*/
const Content = ({
children,
type = 'text',
isLoading,
position
}) => {
return /*#__PURE__*/React.createElement("span", {
className: ax([styles.common, type === 'text' && styles.text, type === 'icon' && styles.icon, isLoading && styles.fade, !fg('platform-button-icon-spacing-cleanup') && position === 'before' && styles.beforeIcon, !fg('platform-button-icon-spacing-cleanup') && position === 'after' && styles.afterIcon])
}, children);
};
export default Content;