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

@customElement(tagName)
export class TableCaption extends LitElement {
  static styles = [
    css`
      :host {
        display: table-caption;
        font-size: 0.75rem;
        color: var(--sc-table-caption-color);
        padding: var(--sc-table-td-py) var(--sc-table-td-px) calc(2 * var(--sc-table-td-py));
      }
    `,
  ];

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