// Las tres formas de buscar un disenyo, juntas: la libreria completa, las
// categorias por deporte y tus favoritos. Home se queda aparte: es por donde se
// entra, no donde se busca.
function DesignsScreen({go,tab,setTab,showTabs,tabs}){
  const {isMobile}=useBreakpoint();
  const pad=isMobile?"16px":"24px 32px";
  return <div style={{display:"flex",flexDirection:"column",minHeight:"100%"}}>
    {showTabs&&<div style={{padding:"12px 16px 0",borderBottom:"var(--border-width-hairline) solid var(--border-hairline)",overflowX:"auto"}}>
      <Tabs tabs={tabs} value={tab} onChange={setTab}/>
    </div>}
    {tab==="Library"&&<TemplateBrowse go={go}/>}
    {tab==="Categories"&&<div style={{padding:pad}}><TemplatesScreen go={go}/></div>}
  </div>;
}
window.DesignsScreen=DesignsScreen;