const n=()=>`
 <section id="layoutGenerale" class="row content">
 <div class="row content grayGrid">
							<div class="col-xs-12 col-sm-4 col-lg-3"><strong><em>#navigazionedellapplicativo</em></strong></div>
							<div class="col-xs-12 col-sm-8 col-lg-9"><strong><em>#contenutoprincipale</em></strong></div>
               </div>
            </section>
						`,l=()=>`
  <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>
						`,m="N.D.",v={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:m}},decorators:[e=>`<main id="contenutoPrincipale">${e()}</main>`]},o={name:"Layout generale",render:()=>n()},r={name:"Griglia",render:()=>l()};var s,d,i;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:`{
  name: "Layout generale",
  render: () => {
    return CreateGrid();
  }
}`,...(i=(d=o.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};var t,a,c;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{
  name: "Griglia",
  render: () => {
    return CreateGrill();
  }
}`,...(c=(a=r.parameters)==null?void 0:a.docs)==null?void 0:c.source}}};const p=["Grid","GrayGrid"];export{r as GrayGrid,o as Grid,p as __namedExportsOrder,v as default};
