display: contents based button styling

apps/basic-example/ios/Podfile.lock

@@ -2919,7 +2919,7 @@ SPEC CHECKSUMS:
   FBLazyVector: a293a88992c4c33f0aee184acab0b64a08ff9458
   fmt: a40bb5bd0294ea969aaaba240a927bd33d878cdd
   glog: 5683914934d5b6e4240e497e0f4a3b42d1854183
-  hermes-engine: db854ab6e74b584dc130d3ed0be3425726bac226
+  hermes-engine: eec912f8a125ae0d3ad67b2e7b81a227319aa13b
   RCT-Folly: 846fda9475e61ec7bcbf8a3fe81edfcaeb090669
   RCTDeprecation: 2b70c6e3abe00396cefd8913efbf6a2db01a2b36
   RCTRequired: f3540eee8094231581d40c5c6d41b0f170237a81
@@ -2993,7 +2993,7 @@ SPEC CHECKSUMS:
   RNReanimated: 987d0b9af435441cc2ebc2a32ad06cafe8777d4e
   RNWorklets: 12b2d7cdcb48acbdd0b324d1fa810f849089bd7b
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
-  Yoga: 6ca93c8c13f56baeec55eb608577619b17a4d64e
+  Yoga: 7a9f26c70daf0b08d82ec2f862e9a8872442129e
 
 PODFILE CHECKSUM: ecce038d8e4749ee17b7dea28be0590cdc8b4836
 

apps/basic-example/src/App.tsx

@@ -7,6 +7,7 @@ import Navigator from './Navigator';
 import Text from './Text';
 import NativeDetector from './NativeDetector';
 import RuntimeDecoration from './RuntimeDecoration';
+import ContentsButton from './ContentsButton';
 
 const EXAMPLES = [
   {
@@ -21,6 +22,10 @@ const EXAMPLES = [
     name: 'Native Detector',
     component: NativeDetector,
   },
+  {
+    name: 'Contents Button',
+    component: ContentsButton,
+  },
 ];
 
 const Stack = Navigator.create();