"use strict";

import React, { memo } from 'react';
import { View } from 'react-native';
import { GroupedItem } from './GroupedItem';
import { jsx as _jsx } from "react/jsx-runtime";
const GroupedSectionComponent = ({
  items
}) => {
  return /*#__PURE__*/_jsx(View, {
    style: {
      width: '100%'
    },
    children: items.map((item, index) => /*#__PURE__*/_jsx(View, {
      style: {
        marginBottom: index < items.length - 1 ? 4 : 0
      },
      children: /*#__PURE__*/_jsx(GroupedItem, {
        icon: item.icon,
        iconColor: item.iconColor,
        title: item.title,
        subtitle: item.subtitle,
        onPress: item.onPress,
        isFirst: index === 0,
        isLast: index === items.length - 1,
        showChevron: item.showChevron,
        disabled: item.disabled,
        customContent: item.customContent,
        customIcon: item.customIcon
      })
    }, `${item.id}-${index}`))
  });
};
GroupedSectionComponent.displayName = 'GroupedSection';
export const GroupedSection = /*#__PURE__*/memo(GroupedSectionComponent);
export default GroupedSection;
//# sourceMappingURL=GroupedSection.js.map