@logicflow/dumi-theme-simple/dist/slots/Companies/index.js

Simple website theme based on dumi2.

import React from 'react';
import { Row, Col } from 'antd';
import cx from 'classnames';
import styles from "./index.module.less";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
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__*/_jsx("div", {
    className: cx(styles.wrapper, className),
    style: style,
    children: /*#__PURE__*/_jsxs("div", {
      className: styles.content,
      children: [/*#__PURE__*/_jsx("p", {
        className: styles.title,
        children: title
      }, "title"), /*#__PURE__*/_jsx("div", {
        className: styles.companiesContainer,
        children: /*#__PURE__*/_jsx(Row, {
          gutter: [{
            xs: 77,
            sm: 77,
            md: 50,
            lg: 124
          }, 10],
          wrap: true,
          className: styles.companies,
          children: companies.map(function (company) {
            return /*#__PURE__*/_jsx(Col, {
              className: styles.company,
              md: 6,
              sm: 8,
              xs: 12,
              children: /*#__PURE__*/_jsx("img", {
                className: styles.companyimg,
                src: company.img,
                alt: company.name
              })
            }, company.name);
          })
        }, "companies")
      }, "companies-container")]
    }, "content")
  });
};