@if(style === 'basic_header'){
<app-basic-header
  [data]="(themeOption$ | async)"
  [logo]="logo()"
  [sticky]="sticky"
  [class]="(path ? path : (activeTheme$ | async)) === 'cairo' && (activeTheme$ | async) === 'cairo' ? 'header-gradient' : '' "
/>
} @if(style === 'classic_header'){
<app-classic-header
  [data]="(themeOption$ | async)"
  [logo]="logo()"
  [sticky]="sticky"
  [class]="(path ? path : (activeTheme$ | async)) === 'cairo' && (activeTheme$ | async) === 'cairo' ?'header-gradient' : '' "
/>
} @if(style === 'standard_header'){
<app-standard-header
  [data]="(themeOption$ | async)"
  [logo]="logo()"
  [sticky]="sticky"
  [class]="(path ? path : (activeTheme$ | async)) === 'cairo' && (activeTheme$ | async) === 'cairo' ? 'header-gradient' : '' "
/>
} @if(style === 'minimal_header'){
<app-minimal-header
  [data]="(themeOption$ | async)"
  [logo]="logo()"
  [sticky]="sticky"
  [class]="(path ? path : (activeTheme$ | async)) === 'cairo' && (activeTheme$ | async) === 'cairo' ? 'header-gradient' : '' "
/>
}

<app-mobile-menu />