// Shared bits for Within A Day landing variations
const TweakCtx = React.createContext({ tone: 'warm', personality: 'editorial', accent: '#1C1C1A' });
Object.assign(window, { TweakCtx });
const Ph = ({ label, style }) =>
<div className="wd-ph" style={style}><span>{label}</span></div>;


const Mono = ({ children, style }) =>
<div className="wd-mono" style={style}>{children}</div>;


// size = ความสูงของโลโก้ในพิกเซล
// dark = บน background มืด → invert ให้เป็นสีขาว
const LogoLockup = ({ dark, size = 60 }) =>
<div style={{ display: 'flex', flexDirection: 'row', alignItems: 'flex-end', gap: 12, height: "44px" }}>
    <img
    src="assets/logo-symbol.jpg"
    alt="Within A Day Co., Ltd."
    style={{
      height: size,
      width: 'auto',
      mixBlendMode: dark ? 'screen' : 'multiply',
      filter: dark ? 'invert(1) brightness(0.88)' : 'none',
      flexShrink: 0
    }} />
    <div style={{ lineHeight: 1.3, paddingBottom: 2 }}>
      <div style={{
      fontFamily: "'IBM Plex Sans Thai', sans-serif",
      fontWeight: 600,
      fontSize: 15,
      color: dark ? 'var(--wd-light)' : 'var(--wd-ink)',
      whiteSpace: 'nowrap'
    }}>Within A Day Co., Ltd.</div>
      <div style={{
      fontFamily: "'IBM Plex Sans Thai', sans-serif",
      fontWeight: 400,
      fontSize: 12,
      color: dark ? '#9B9993' : 'var(--wd-gray)',
      whiteSpace: 'nowrap'
    }}>บริษัท วิทอิน อะ เดย์ จำกัด</div>
    </div>
  </div>;


const CONTACT = {
  tel: '082-969-1117',
  email: 'info.withinaday@gmail.com',
  addressTh: '1361 หมู่ 4 ตำบลสำโรงเหนือ อำเภอเมืองสมุทรปราการ จังหวัดสมุทรปราการ 10270',
  companyTh: 'บริษัท วิทอิน อะเดย์ จำกัด (สำนักงานใหญ่)',
  companyEn: 'Within A Day Co., Ltd.',
  taxId: '0-1155-67001-97-4'
};

Object.assign(window, { Ph, Mono, LogoLockup, CONTACT });