/** Source code string shown in the Storybook Docs tab for the Loading story */ declare const loadingSource = "\n\n {/* Field-level loading \u2014 all controls show skeleton */}\n \n Field-level loading\n \n \n \n isLoading on Field propagates via context\n \n\n {/* FieldControl-level loading \u2014 only this control shows skeleton */}\n \n FieldControl-level loading\n \n \n \n \n\n {/* Opt-out \u2014 FieldControl overrides Field isLoading */}\n \n Opt-out (isLoading=false on FieldControl)\n \n \n \n \n\n {/* Render-prop loading \u2014 Switch shows a pill skeleton */}\n (\n \n \n Render-prop loading (Switch)\n isLoading is forwarded to the render function\n \n {loading ? : }\n \n )}\n />\n\n {/* Render-prop loading \u2014 Checkbox shows a square skeleton */}\n (\n \n {loading ? (\n \n ) : (\n \n )}\n \n \n Render-prop loading (Checkbox)\n \n isLoading is forwarded to the render function\n \n \n )}\n />\n\n {/* Render-prop loading \u2014 Switch group shows skeleton rows */}\n (\n \n Render-prop loading (Switch group)\n isLoading is forwarded to the render function\n \n {loading ? (\n <>\n \n \n \n \n ) : (\n <>\n \n Email notifications\n \n \n \n SMS notifications\n \n \n \n Push notifications\n \n \n \n )}\n \n \n )}\n />\n\n {/* Render-prop loading \u2014 CheckboxGroup shows a tall skeleton block */}\n (\n \n Render-prop loading (CheckboxGroup)\n {loading ? (\n \n ) : (\n \n {[\n { value: 'tech', label: 'Technology' },\n { value: 'design', label: 'Design' },\n { value: 'marketing', label: 'Marketing' },\n ].map(opt => (\n \n \n \n \n ))}\n \n )}\n isLoading is forwarded to the render function\n \n )}\n />\n\n"; export default loadingSource;