@wulperstudio/cms/modern/layouts/HeaderThreeColumns/HeaderThreeColumns.js

Wulper Studio Library Components CMS

import React from 'react';
import { Root, First, Second, Third, Header } from './styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var HeaderThreeColumns = function HeaderThreeColumns(props) {
  return /*#__PURE__*/_jsxs(Root, {
    columnGap: props.columnGap,
    rowGap: props.rowGap,
    children: [/*#__PURE__*/_jsx(Header, {
      children: props.header
    }), /*#__PURE__*/_jsx(First, {
      children: props.first
    }), /*#__PURE__*/_jsx(Second, {
      children: props.second
    }), /*#__PURE__*/_jsx(Third, {
      children: props.third
    })]
  });
};
export default HeaderThreeColumns;