const {Button,IconButton}=window.SollantVietnamDesignSystem_5eabe7;
function Header({page,go}){const items=[['home','Trang chủ'],['products','Sản phẩm'],['home','Ứng dụng'],['home','Về Sollant'],['contact','Liên hệ']];
return <header style={{position:'sticky',top:0,zIndex:50,background:'#fff',boxShadow:'var(--shadow-header)'}}>
<div style={{background:'var(--surface-darkest)',color:'var(--text-on-dark-muted)',font:'400 12px/1 var(--font-sans)'}}><div className="wrap" style={{display:'flex',justifyContent:'flex-end',height:32,alignItems:'center'}}><span style={{display:'flex',gap:20,alignItems:'center'}}><span style={{display:'flex',gap:8,alignItems:'center'}}><span>0981 760 783</span><ChatIcon n="zalo" s={14}/><ChatIcon n="whatsapp" s={14}/></span><span>sollantvietnam@gmail.com</span><span style={{color:'#fff',fontWeight:700}}>VI</span><span>EN</span></span></div></div>
<div className="wrap" style={{display:'flex',alignItems:'center',height:72,gap:32}}>
<a href="#" onClick={e=>{e.preventDefault();go('home')}} style={{display:'flex',alignItems:'center',gap:10,textDecoration:'none'}}><img src={R('logo-sollant')} alt="Sollant" style={{height:44}}/><span style={{font:'700 13px/1 var(--font-sans)',color:'var(--text-heading)',letterSpacing:'.02em',paddingLeft:12,borderLeft:'1px solid var(--border-default)'}}>sollantvietnam.com</span></a>
<nav style={{display:'flex',gap:28,marginLeft:'auto'}}>{items.map(([p,l],i)=><a key={i} href="#" onClick={e=>{e.preventDefault();go(p)}} style={{whiteSpace:'nowrap',font:'700 14px/1 var(--font-sans)',color:page===p&&(i===0||i===1||i===4)?'var(--brand-accent)':'var(--text-heading)',paddingBottom:4,borderBottom:'2px solid '+(page===p&&(i===0||i===1||i===4)?'var(--brand-accent)':'transparent')}}>{l}</a>)}</nav>
<div style={{display:'flex',gap:8,alignItems:'center'}}><IconButton label="Tìm kiếm"><Icon n="Search" s={20}/></IconButton><Button size="sm" onClick={()=>go('contact')}>Báo giá nhanh</Button></div>
</div></header>}
window.Header=Header;