export default {
  name: "Markdown",
  acceptsChildren: false,
  category: "Container",
  props: [
    {
      label: "Markdown Content",
      name: "markdownContent",
      type: { kind: "text", isDynamic: true },
      isDefault: true,
      default: "",
      placeholder: "markdown content",
      help: "The markdown content to render.",
    },
  ],
  events: [],
  defaultStyles: {
    "": {
      "flex-grow": "0",
      "flex-shrink": "1",
      "flex-basis": "auto",
      display: "flex",
      "flex-direction": "column",
      "justify-content": "flex-start",
      "align-items": "flex-start",
      gap: "0px",
      width: "auto",
      height: "auto",
      "min-width": "auto",
      "min-height": "auto",
      "max-width": "100%",
      "max-height": "100%",
      "padding-right": "0px",
      "padding-left": "0px",
      "padding-top": "0px",
      "padding-bottom": "0px",
      "border-color": "var(--theme-border-default)",
      "border-radius": "0px",
      "border-width": "0px",
      "border-style": "solid",
      "background-color": "transparent",
      "box-shadow": "var(--theme-shadows-none)",
    },
  },
  sources: [],
} as const;
