@ant-design/x/es/conversations/hooks/useCreation.js

Craft AI-driven interfaces effortlessly

import { PlusOutlined } from '@ant-design/icons';
import { clsx } from 'clsx';
import React from 'react';
import { useLocale } from "../../locale";
import enUS from "../../locale/en_US";
const CreationLabel = ({
  shortcutKeysIcon,
  prefixCls
}) => {
  const [contextLocale] = useLocale('Conversations', enUS.Conversations);
  const showShortcutKeys = !!shortcutKeysIcon?.length;
  return /*#__PURE__*/React.createElement("div", {
    className: clsx(prefixCls, {
      [`${prefixCls}-shortcut-keys-show`]: showShortcutKeys
    })
  }, /*#__PURE__*/React.createElement("span", null, contextLocale.create), showShortcutKeys && /*#__PURE__*/React.createElement("span", {
    className: clsx(`${prefixCls}-shortcut-keys`)
  }, shortcutKeysIcon.map(keyIcon => /*#__PURE__*/React.createElement("span", {
    className: clsx(`${prefixCls}-shortcut-key`),
    key: keyIcon
  }, keyIcon))));
};
const useCreation = ({
  icon,
  label,
  align,
  shortcutKeyInfo,
  prefixCls
}) => {
  const {
    shortcutKeysIcon
  } = shortcutKeyInfo || {};
  const creationConfig = {
    label: /*#__PURE__*/React.createElement(CreationLabel, {
      prefixCls: `${prefixCls}-label`,
      shortcutKeysIcon: shortcutKeysIcon
    }),
    icon: /*#__PURE__*/React.createElement(PlusOutlined, {
      className: `${prefixCls}-icon`
    }),
    align: 'center'
  };
  if (label) {
    creationConfig.label = typeof label === 'function' ? label({
      shortcutKeyInfo,
      components: {
        CreationLabel
      }
    }) : label;
  }
  if (icon) {
    creationConfig.icon = typeof icon === 'function' ? icon() : icon;
  }
  return [creationConfig.icon, creationConfig.label, align || creationConfig.align];
};
export default useCreation;