export default {
  name: "Separator",
  acceptsChildren: false,
  category: "Other",
  props: [
    {
      label: "Orientation",
      name: "orientation",
      type: { kind: "select" },
      default: "horizontal",
      isDefault: true,
      options: [
        { label: "Horizontal", value: "horizontal" },
        { label: "Vertical", value: "vertical" },
      ],
      placeholder: "",
      help: "The orientation of the separator",
    },
    {
      label: "Decorative",
      name: "decorative",
      type: { kind: "boolean" },
      default: true,
      placeholder: "",
      help: "Whether the separator is decorative or not",
    },
  ],
  events: [],
  defaultStyles: {
    '[data-orientation="horizontal"]': {
      height: "1px",
      width: "100%",
    },
    '[data-orientation="vertical"]': {
      width: "1px",
      height: "auto",
    },
    "": {
      "flex-shrink": "0",
      "background-color": "var(--theme-border-default)",
    },
  },
  sources: [],
} as const;
