import { html, LitElement, css } from "lit";
import { customElement } from "lit/decorators.js";
const tagName = "sonic-modal-title";

@customElement(tagName)
export class ModalTitle extends LitElement {
  static styles = [
    css`
      :host {
        font-weight: bold;
        font-size: 1.5rem;
        display: block;
        line-height: var(--sc-headings-line-height, 1.1);
        font-family: var(
          --sc-headings-font-family,
          var(--sc-font-family-base, sans-serif)
        );
        font-weight: var(--sc-headings-font-weight, 700);
        font-style: var(--sc-headings-font-style, normal);
      }
    `,
  ];

  render() {
    return html`<slot></slot>`;
  }
}