[PR feedback] Tweak delimited playground to pass invalid/disabled/rea…

…donly states to start/end controls

packages/eui/src/components/form/form_control_layout/form_control_layout_delimited.stories.tsx

@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, cloneElement } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import {
   hideStorybookControls,
@@ -116,6 +116,17 @@ export const Playground: Story = {
       />
     ),
   },
+  render: ({ startControl, endControl, ...args }) => {
+    const { isInvalid, isDisabled, readOnly } = args;
+    const clonedControlProps = { isInvalid, disabled: isDisabled, readOnly };
+    return (
+      <EuiFormControlLayoutDelimited
+        {...args}
+        startControl={cloneElement(startControl, clonedControlProps)}
+        endControl={cloneElement(endControl, clonedControlProps)}
+      />
+    );
+  },
 };
 
 export const KitchenSink: Story = {