Diffusion Open Access Compliance Check Tool (OACCT) (paginated-inlines) Browse

rOACCT/node_modules/react-styleguidist/lib/client/rsg-components/Name/NameRenderer.js
f646e1f695a7paginated-inlines

NameRenderer.js
View Options

			import "core-js/modules/es.function.name";
			import "core-js/modules/es.string.small";
			import React from 'react';
			import PropTypes from 'prop-types';
			import cx from 'clsx';
			import Styled from 'rsg-components/Styled';
			export var styles = function styles(_ref) {
			var fontFamily = _ref.fontFamily,
			fontSize = _ref.fontSize,
			color = _ref.color;
			return {
			name: {
			fontFamily: fontFamily.monospace,
			fontSize: fontSize.small,
			color: color.name
			},
			isDeprecated: {
			color: color.light,
			textDecoration: 'line-through'
			}
			};
			};
			export var NameRenderer = function NameRenderer(_ref2) {
			var _cx;

			var classes = _ref2.classes,
			children = _ref2.children,
			deprecated = _ref2.deprecated;
			var classNames = cx(classes.name, (_cx = {}, _cx[classes.isDeprecated] = deprecated, _cx));
			return /#__PURE__/React.createElement("code", {
			className: classNames
			}, children);
			};
			NameRenderer.propTypes = {
			classes: PropTypes.objectOf(PropTypes.string.isRequired).isRequired,
			children: PropTypes.node.isRequired,
			deprecated: PropTypes.bool
			};
			export default Styled(styles)(NameRenderer);