import { customElement } from "lit/decorators.js";
import { Button } from "@supersoniks/concorde/core/components/ui/button/button";
const tagName = "sonic-menu-item";

@customElement(tagName)
export class MenuItem extends Button {
  constructor() {
    super();
  }

  connectedCallback() {
    if (!this.hasAttribute("variant")) {
      this.variant = "ghost";
    }

    if (!this.hasAttribute("type")) {
      this.type = "default";
    }

    if (!this.hasAttribute("shape")) {
      this.shape = "block";
    }
    const isSquareOrCircle = this.shape === "square" || this.shape === "circle";
    if (!this.hasAttribute("align") && !isSquareOrCircle) {
      this.align = "left";
    }

    super.connectedCallback();
  }
}