import { injectable } from "@joist/di";
import { attr, css, element, html } from "@joist/element";

export class USAConfig {
  iconPath = "";
}

@injectable({
  name: "usa-config-ctx",
  provideSelfAs: [USAConfig],
})
@element({
  tagName: "usa-config",
  shadowDom: [
    css`
      :host {
        display: contents;
      }
    `,
    html`<slot></slot>`,
  ],
})
export class USAConfigElement extends HTMLElement {
  @attr({
    name: "icon-path",
  })
  accessor iconPath = "/assets/usa-icons/";
}