const { Tabs, Card, Badge, Callout, Button, Icon } = window.GuiaDiabeteDesignSystem_9d1af3;
const GUIDE_TYPES={
 'Tipo 1':{who:'Geralmente diagnosticado na infância ou adolescência.',body:'O pâncreas deixa de produzir insulina porque o próprio sistema imune destrói as células beta. O tratamento é insulina desde o diagnóstico, todos os dias, sem pausa.',facts:[['Início','Rápido, em semanas'],['Insulina','Sempre necessária'],['Prevenção','Não há forma conhecida']]},
 'Tipo 2':{who:'Mais comum em adultos, mas cresce entre adolescentes.',body:'O corpo produz insulina, porém as células respondem mal a ela. Alimentação, atividade física e medicamentos orais fazem parte do tratamento; insulina pode entrar depois.',facts:[['Início','Lento, às vezes anos'],['Insulina','Em parte dos casos'],['Prevenção','Possível reduzir risco']]},
 'Gestacional':{who:'Aparece durante a gravidez e costuma desaparecer depois.',body:'A resistência à insulina aumenta na gestação. O controle protege a mãe e o bebê, e exige acompanhamento no pré-natal e após o parto.',facts:[['Início','2º ou 3º trimestre'],['Insulina','Quando a dieta não basta'],['Depois','Risco maior de tipo 2']]},
 'Pré-diabetes':{who:'Glicemia acima do normal, abaixo do critério de diabete.',body:'É o momento em que mudanças de rotina têm o maior efeito. Sem intervenção, boa parte dos casos evolui para tipo 2 em poucos anos.',facts:[['Glicemia de jejum','100 a 125 mg/dL'],['Sintomas','Normalmente nenhum'],['Ação','Revisão em 6 meses']]},
 'MODY':{who:'Forma hereditária, diagnosticada em crianças, adolescentes e adultos jovens.',body:'MODY vem de uma alteração em um único gene, herdada de pai ou mãe. Costuma ser confundida com tipo 1 ou tipo 2, e o diagnóstico correto muda o tratamento: alguns subtipos respondem bem a comprimidos e dispensam insulina.',facts:[['Causa','Alteração em um único gene'],['Histórico familiar','Presente em várias gerações'],['Confirmação','Teste genético']]},
 'Secundária':{who:'Consequência de outra doença, cirurgia ou medicamento.',body:'A glicemia sobe por uma causa identificável: doenças do pâncreas, fibrose cística, alterações hormonais ou uso prolongado de corticoides. O tratamento cuida da causa e da glicemia ao mesmo tempo.',facts:[['Causas comuns','Pâncreas, hormônios, corticoides'],['Reversível','Às vezes, tratando a causa'],['Acompanhamento','Junto da doença de base']]}};
function TypesGuide({go}){
  const [tab,setTab]=React.useState('Tipo 1');const t=GUIDE_TYPES[tab];const mobile=useMobile();
  return <Page route="tipos" go={go}>
    <Container style={{paddingTop:'var(--space-11)'}}>
      <Breadcrumb items={[['home','Início'],[null,'Tipos de diabete']]} go={go}/>
      <span className="eyebrow">Guia</span>
      <h1 style={{fontSize:'var(--fs-h1)',lineHeight:'var(--lh-h1)',margin:'var(--space-5) 0 var(--space-6)'}}>Tipos de diabete</h1>
      <p style={{fontFamily:'var(--font-editorial)',fontSize:'var(--fs-lead)',lineHeight:'var(--lh-lead)',color:'var(--text-body)',maxWidth:'var(--measure-prose)'}}>O nome é o mesmo, o mecanismo não. Entender a diferença muda o que você faz em casa e na escola.</p>
      <div style={{marginTop:'var(--space-10)',overflowX:'auto'}}><Tabs items={Object.keys(GUIDE_TYPES)} value={tab} onChange={setTab} style={{minWidth:'max-content'}}/></div>
      <div style={{display:'grid',gridTemplateColumns:mobile?'1fr':'1.3fr .7fr',gap:'var(--space-10)',marginTop:'var(--space-9)'}}>
        <div style={{display:'flex',flexDirection:'column',gap:'var(--space-7)'}}>
          <h2 style={{fontSize:'var(--fs-h2)'}}>{tab}</h2>
          <p style={{fontFamily:'var(--font-ui)',fontSize:'var(--fs-body-sm)',color:'var(--text-muted)'}}>{t.who}</p>
          <p className="prose">{t.body}</p>
          <Callout tone="info" title="Como o diagnóstico é feito">Glicemia de jejum, teste oral de tolerância à glicose ou hemoglobina glicada (HbA1c). Um único exame alterado costuma ser repetido antes da confirmação.</Callout>
          <div style={{display:'flex',alignItems:'center',gap:'var(--space-8)',flexWrap:'wrap'}}><Button icon="arrow-right" onClick={()=>go('artigo','tipo1-tipo2')}>Ler o artigo completo</Button><Share variant="compact" url={window.shareUrl('tipos')} title={'Tipos de diabete: '+tab}/></div>
        </div>
        <Card padding="var(--space-8)" style={{display:'flex',flexDirection:'column',alignItems:'flex-start',gap:'var(--space-6)',alignSelf:'start'}}>
          <span className="eyebrow">Em resumo</span>
          {t.facts.map(([k,v])=><div key={k} style={{display:'flex',flexDirection:'column',gap:2,paddingBottom:'var(--space-5)',borderBottom:'1px solid var(--line-hairline)'}}>
            <span style={{fontFamily:'var(--font-ui)',fontSize:'var(--fs-caption)',color:'var(--text-muted)'}}>{k}</span>
            <span style={{fontFamily:'var(--font-ui)',fontSize:'var(--fs-body)',fontWeight:'var(--fw-medium)',color:'var(--text-strong)'}}>{v}</span>
          </div>)}
          <Badge tone="brand" icon="shield-check">Revisado por endocrinologia</Badge>
        </Card>
      </div>
    </Container>
  </Page>;
}
window.TypesGuide=TypesGuide;
