const d=()=>`
 <section id="layoutGenerale" class="row content">
 <div class="row content grayGrid">
							<div class="col-xs-12 col-sm-4 col-lg-3"><strong><em>#menu-applicativo</em></strong></div>
							<div class="col-xs-12 col-sm-8 col-lg-9"><strong><em>#contenutoPrincipale</em></strong></div>
               </div>
            </section>
						`,i=()=>`
  <div class="row content">
							<div class="row grayGrid">
								<div class="col-md-1"><strong>.col-md-1</strong></div>
								<div class="col-md-1"><strong>.col-md-1</strong></div>
								<div class="col-md-1"><strong>.col-md-1</strong></div>
								<div class="col-md-1"><strong>.col-md-1</strong></div>
								<div class="col-md-1"><strong>.col-md-1</strong></div>
								<div class="col-md-1"><strong>.col-md-1</strong></div>
								<div class="col-md-1"><strong>.col-md-1</strong></div>
								<div class="col-md-1"><strong>.col-md-1</strong></div>
								<div class="col-md-1"><strong>.col-md-1</strong></div>
								<div class="col-md-1"><strong>.col-md-1</strong></div>
								<div class="col-md-1"><strong>.col-md-1</strong></div>
								<div class="col-md-1"><strong>.col-md-1</strong></div>
							</div>
							<div class="row grayGrid">
								<div class="col-md-8"><strong>.col-md-8</strong></div>
								<div class="col-md-4"><strong>.col-md-4</strong></div>
							</div>
							<div class="row grayGrid">
								<div class="col-md-4"><strong>.col-md-4</strong></div>
								<div class="col-md-4"><strong>.col-md-4</strong></div>
								<div class="col-md-4"><strong>.col-md-4</strong></div>
							</div>
							<div class="row grayGrid">
								<div class="col-md-6"><strong>.col-md-6</strong></div>
								<div class="col-md-6"><strong>.col-md-6</strong></div>
							</div>	
              </div>
						`,t="N.D.",a={title:"Foundation/Griglia",tags:["autodocs"],parameters:{docs:{description:{component:`La struttura degli applicativi è suddivisa in modo da delimitare aree ben precise per facilitarne la stilizzazione CSS. L'impostazione di base di<br /> tutti i template è composta da <code>#navigazionesecondaria</code> e <code>#contenutoprincipale</code> che racchiudono i vari componenti.
          La griglia utilizzata nel portale è determinata dalle classi <a href="http://getbootstrap.com/css/#grid" target="_blank">Bootstrap</a>.`},mdxPage:t}},decorators:[s=>`<main id="contenutoPrincipale">${s()}</main>`]},o={name:"Layout generale",render:()=>d()},r={name:"Griglia",render:()=>i()};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
  name: "Layout generale",
  render: () => {
    return CreateGrid();
  }
}`,...o.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
  name: "Griglia",
  render: () => {
    return CreateGrill();
  }
}`,...r.parameters?.docs?.source}}};const e=["Grid","GrayGrid"];export{r as GrayGrid,o as Grid,e as __namedExportsOrder,a as default};
