@hjkl6/dumi-theme-antv/dist/slots/Features/index.js

[](https://npmjs.org/package/@antv/dumi-theme-antv) [](https://npmjs.org/package/@antv/dumi

import { Col, Row } from 'antd';
import cx from 'classnames';
import React from 'react';
import { ic } from "../hooks";
import FeatureCard from "./FeatureCard";
import styles from "./index.module.less";
export var Features = function Features(_ref) {
  var title = _ref.title,
    _ref$features = _ref.features,
    features = _ref$features === void 0 ? [] : _ref$features,
    className = _ref.className,
    style = _ref.style,
    id = _ref.id;
  var getCards = function getCards() {
    var children = features.map(function (card) {
      return /*#__PURE__*/React.createElement(Col, {
        className: styles.cardWrapper,
        key: ic(card.title),
        md: 8,
        xs: 24
      }, /*#__PURE__*/React.createElement(FeatureCard, card));
    });
    return children;
  };
  return /*#__PURE__*/React.createElement("div", {
    id: id,
    className: cx(styles.wrapper, className),
    style: style
  }, /*#__PURE__*/React.createElement("div", {
    className: styles.content
  }, /*#__PURE__*/React.createElement("div", {
    key: "content"
  }, /*#__PURE__*/React.createElement("p", {
    key: "title",
    className: styles.title
  }, title ? ic(title) : ''), /*#__PURE__*/React.createElement("div", {
    key: "block",
    className: styles.cardsContainer
  }, /*#__PURE__*/React.createElement(Row, {
    key: "cards",
    className: styles.cards
  }, getCards())))));
};