ui-neu/dist/components/listGroup/ListGroup.js

Neu UI, a responsive React component library.

import _taggedTemplateLiteral from "/home/runner/work/neu_ui/neu_ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral";

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  background-color: rgba(204, 218, 226, 0.349);\n  box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.2),\n    -8px -8px 16px 0 rgba(255, 255, 255, 0.5);\n  border-radius: 0.8rem;\n  display: flex;\n  flex-direction: ", ";\n  padding-left: 0;\n  margin-bottom: 0;\n  width: fit-content;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

import React from 'react';
import styled from "styled-components";
var StyledSection = styled.section(_templateObject(), function (props) {
  return props.horizontal ? 'row' : 'column';
});
export var ListGroup = function ListGroup(_ref) {
  var children = _ref.children,
      horizontal = _ref.horizontal;
  var childComponent = children.map(function (child) {
    return React.cloneElement(child, {
      horizontal: horizontal
    });
  });
  return /*#__PURE__*/React.createElement(StyledSection, {
    horizontal: horizontal
  }, childComponent);
};
ListGroup.defaultProps = {
  children: null,
  horizontal: false
};