@hjkl6/dumi-theme-antv/dist/slots/Companies/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 styles from "./index.module.less";
export var Companies = function Companies(_ref) {
  var title = _ref.title,
    _ref$companies = _ref.companies,
    companies = _ref$companies === void 0 ? [] : _ref$companies,
    className = _ref.className,
    style = _ref.style;
  return /*#__PURE__*/React.createElement("div", {
    className: cx(styles.wrapper, className),
    style: style
  }, /*#__PURE__*/React.createElement("div", {
    key: "content",
    className: styles.content
  }, /*#__PURE__*/React.createElement("p", {
    key: "title",
    className: styles.title
  }, title), /*#__PURE__*/React.createElement("div", {
    key: "companies-container",
    className: styles.companiesContainer
  }, /*#__PURE__*/React.createElement(Row, {
    key: "companies",
    gutter: [{
      xs: 77,
      sm: 77,
      md: 50,
      lg: 124
    }, 10],
    wrap: true,
    className: styles.companies
  }, companies.map(function (company) {
    return /*#__PURE__*/React.createElement(Col, {
      key: company.name,
      className: styles.company,
      md: 6,
      sm: 8,
      xs: 12
    }, /*#__PURE__*/React.createElement("img", {
      className: styles.companyimg,
      src: company.img,
      alt: company.name
    }));
  })))));
};