petals-ui/dist/heading/logic/Heading.ts

Front-end UI components foundation

import { getComponentConfig, BaseHeadlessComponent } from '../../basic';
import { getTypoClassNames } from '../../typography';

import { IHeadingComponent } from '../typing';

class HeadingHeadlessComponent extends BaseHeadlessComponent<IHeadingComponent> {
  public getComponentName(): string {
    return getComponentConfig('heading', 'name') || 'Heading';
  }

  public getClassNames(): string[] {
    const componentName: string = this.getComponentName();

    return [
      componentName,
      this.getModifierClassName(`level${this.sc.level}`),
      ...getTypoClassNames<IHeadingComponent>(this.sc, componentName, true),
    ];
  }
}

export { HeadingHeadlessComponent };