export default {
  name: "Icon",
  acceptsChildren: false,
  category: "Basic",
  props: [
    {
      label: "Icon",
      name: "children",
      type: { kind: "icon", isDynamic: true },
      isDefault: true,
      default: {
        __type: "icon",
        icon: "sentiment_satisfied",
        pack: "materialsymbolsoutlined",
      },
      placeholder: "Select an icon",
      help: "The icon to display",
    },
  ],
  defaultStyles: {
    "": {
      width: "1em",
      height: "1em",
      display: "inline-flex",
      "vertical-align": "middle",
      "line-height": "1em",
      "flex-shrink": 0,
      "flex-grow": 0,
      "flex-basis": "auto",
      color: "currentColor",
    },
  },
  sources: [],
} as const;