feat(docs): links to layout documentation

docs/src/components/ComponentDoc/Suggestions.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react'
+import { Link } from 'react-router-dom'
+
+export const LayoutSuggestions = () => (
+  <>
+    For layouts and positioning refer to <Link to="/components/flex">&nbsp;Flex&nbsp;</Link> and{' '}
+    <Link to="/components/grid">&nbsp;Grid&nbsp;</Link> components (and general{' '}
+    <Link to="/layout">&nbsp;Layout guide</Link>).
+  </>
+)

docs/src/examples/components/Box/index.tsx

@@ -3,6 +3,7 @@ import { Link } from 'react-router-dom'
 import { Alert } from '@stardust-ui/react'
 
 import Types from './Types'
+import { LayoutSuggestions } from 'docs/src/components/ComponentDoc/Suggestions'
 
 const HeaderExamples = () => (
   <>
@@ -12,9 +13,7 @@ const HeaderExamples = () => (
       </p>
       <ul>
         <li>
-          For layouts and positioning refer to <Link to="/components/flex">Flex</Link> and{' '}
-          <Link to="/components/grid">Grid</Link> components (and general{' '}
-          <Link to="/layout">Layout guide</Link>).
+          <LayoutSuggestions />
         </li>
         <li>
           Consider to use <Link to="/components/text">Text</Link> component to wrap text.

docs/src/examples/components/ItemLayout/index.tsx

@@ -1,13 +1,16 @@
 import * as React from 'react'
 import { Alert } from '@stardust-ui/react/'
 
+import { LayoutSuggestions } from 'docs/src/components/ComponentDoc/Suggestions'
 import Types from './Types'
 import Content from './Content'
 import Rtl from './Rtl'
 
 const ItemLayoutExamples = () => (
   <div>
-    <Alert warning>This component is deprecated</Alert>
+    <Alert warning>
+      <LayoutSuggestions />
+    </Alert>
     <Types />
     <Content />
     <Rtl />

docs/src/examples/components/Layout/index.tsx

@@ -1,12 +1,15 @@
 import * as React from 'react'
 import { Alert } from '@stardust-ui/react/'
 
+import { LayoutSuggestions } from 'docs/src/components/ComponentDoc/Suggestions'
 import Types from './Types'
 import Variations from './Variations'
 
 const LayoutExamples = () => (
   <div>
-    <Alert warning>This component is deprecated</Alert>
+    <Alert warning>
+      <LayoutSuggestions />
+    </Alert>
     <Types />
     <Variations />
   </div>