Accordion Component — Nettalco PrimeNG Theme Preset

<!-- app.component.html -->
<p-accordion [multiple]="true">
  <p-accordion-panel value="0">
    <p-accordion-header>What is Nettalco Theme?</p-accordion-header>
    <p-accordion-content>
      <p>
        Nettalco Theme is a custom PrimeNG v21 preset that maps design tokens
        onto the Aura base, giving your Angular app a consistent visual language.
      </p>
    </p-accordion-content>
  </p-accordion-panel>

  <p-accordion-panel value="1">
    <p-accordion-header>How are tokens applied?</p-accordion-header>
    <p-accordion-content>
      <p>
        Tokens are defined as TypeScript objects and passed to
        <code>providePrimeNG</code> via the <code>theme</code> option.
      </p>
    </p-accordion-content>
  </p-accordion-panel>

  <p-accordion-panel value="2" [disabled]="true">
    <p-accordion-header>Coming Soon</p-accordion-header>
    <p-accordion-content>
      <p>This section is not yet available.</p>
    </p-accordion-content>
  </p-accordion-panel>
</p-accordion>

// app.component.ts
import { Component } from '@angular/core';
import { AccordionModule } from 'primeng/accordion';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  imports: [AccordionModule],
})
export class AppComponent {}