SectionAccordionGroup

<SectionAccordionGroup
  sections={[
      {
          id: 'group-1',
          title: 'Название группы',
          icon: <HeartIcon24 />,
          content: <div style={{display:'flex',flexDirection:'column',gap:'16px'}}><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row></div>,
      },
      {
          id: 'group-2',
          title: 'Название группы',
          icon: <HeartIcon24 />,
          content: <div style={{display:'flex',flexDirection:'column',gap:'16px'}}><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row></div>,
      },
      {
          id: 'group-3',
          title: 'Название группы',
          icon: <HeartIcon24 />,
          content: <div style={{display:'flex',flexDirection:'column',gap:'16px'}}><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row></div>,
      },
      {
          id: 'group-4',
          title: 'Название группы',
          icon: <HeartIcon24 />,
          content: <div style={{display:'flex',flexDirection:'column',gap:'16px'}}><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row></div>,
      },
  ]} />

<SectionAccordionGroup
  sections={[
      {
          id: 'group-1',
          title: 'Название группы',
          content: <div style={{display:'flex',flexDirection:'column',gap:'16px'}}><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row></div>,
      },
      {
          id: 'group-2',
          title: 'Название группы',
          content: <div style={{display:'flex',flexDirection:'column',gap:'16px'}}><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row></div>,
      },
      {
          id: 'group-3',
          title: 'Название группы',
          content: <div style={{display:'flex',flexDirection:'column',gap:'16px'}}><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row></div>,
      },
  ]} />

<SectionAccordionGroup
  sections={[
      {
          id: 'group-1',
          title: 'Название группы',
          icon: <HeartIcon24 />,
          badge: { color: PromoBadgeColors.GRADIENT_PURPLE, label: 'ВИП' },
          content: <div style={{display:'flex',flexDirection:'column',gap:'16px'}}><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row></div>,
      },
      {
          id: 'group-2',
          title: 'Название группы',
          icon: <HeartIcon24 />,
          badge: { color: PromoBadgeColors.NIGHT, label: 'Эксклюзив' },
          content: <div style={{display:'flex',flexDirection:'column',gap:'16px'}}><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row></div>,
      },
      {
          id: 'group-3',
          title: 'Название группы',
          icon: <HeartIcon24 />,
          content: <div style={{display:'flex',flexDirection:'column',gap:'16px'}}><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row></div>,
      },
  ]} />

<SectionAccordionGroup
  sections={[
      {
          id: 'group-1',
          title: 'Название группы',
          icon: <HeartIcon24 />,
          badge: { color: PromoBadgeColors.GRADIENT_PURPLE, label: 'ВИП' },
          content: <div style={{display:'flex',flexDirection:'column',gap:'16px'}}><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row><Row backgroundView="gray" title="Название" subTitle="Значение"><Button type="text">Изменить</Button></Row></div>,
      },
  ]} />