feat(components): allow Group to be styled

Author: mgcrea

ios/components/Group/GroupProps.swift

@@ -0,0 +1,18 @@
+import SwiftUI
+
+public final class GroupProps: ObservableObject, Decodable {
+  @Published public var style: StyleProps?
+
+  enum CodingKeys: String, CodingKey {
+    case style
+  }
+
+  public required init(from decoder: Decoder) throws {
+    let container = try decoder.container(keyedBy: CodingKeys.self)
+    style = try container.decodeIfPresent(StyleProps.self, forKey: .style)
+  }
+
+  public func merge(from other: GroupProps) {
+    style = other.style
+  }
+}

ios/components/Group/GroupView.swift

@@ -0,0 +1,18 @@
+import SwiftUI
+
+public struct GroupView<Content: View>: View {
+  @ObservedObject public var props: GroupProps
+  let content: () -> Content
+
+  public init(props: GroupProps, @ViewBuilder content: @escaping () -> Content) {
+    self.props = props
+    self.content = content
+  }
+
+  public var body: some View {
+    Group {
+      content()
+    }
+    .applyViewStyles(props.style)
+  }
+}

src/components/Group.tsx

@@ -1,12 +1,13 @@
 import { type PropsWithChildren } from "react";
 import { SwiftUIParentIdProvider } from "../contexts";
 import { useSwiftUINode } from "../hooks";
-import type { FunctionComponentWithId } from "../types";
+import type { FunctionComponentWithId, NativeViewStyle } from "../types";
 
 // https://developer.apple.com/documentation/swiftui/form
 
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-export type NativeGroupProps = {};
+export type NativeGroupProps = {
+  style?: NativeViewStyle;
+};
 
 export const Group: FunctionComponentWithId<PropsWithChildren<NativeGroupProps>> = ({
   children,