import type { CustomJsxComponentCategory } from "./component-types";

export const commonSafeProps = [
  "key",
  "id",
  "style",
  "title",
  "role",
  "aria-label",
  "aria-describedby",
  "aria-hidden",
  "tabIndex",
  "w",
  "h",
  "miw",
  "maw",
  "mih",
  "mah",
  "m",
  "mx",
  "my",
  "mt",
  "mr",
  "mb",
  "ml",
  "p",
  "px",
  "py",
  "pt",
  "pr",
  "pb",
  "pl",
  "bg",
  "c",
  "opacity",
  "display",
  "hiddenFrom",
  "visibleFrom",
  "bd",
  "bdrs",
  "flex",
  "fz",
  "fw",
  "lh",
  "lts",
  "ta",
  "td",
  "tt",
  "radius",
  "shadow",
  "variant",
  "color",
  "size",
  "withBorder",
] as const;

export const categorySafeProps: Record<CustomJsxComponentCategory, readonly string[]> = {
  layout: [
    "gap",
    "align",
    "justify",
    "wrap",
    "direction",
    "grow",
    "cols",
    "spacing",
    "verticalSpacing",
    "gutter",
    "span",
    "offset",
    "order",
    "type",
    "orientation",
    "withBorder",
    "shadow",
    "radius",
  ],
  content: [
    "alt",
    "src",
    "href",
    "target",
    "rel",
    "size",
    "fw",
    "fs",
    "td",
    "tt",
    "ta",
    "lts",
    "lh",
    "lineClamp",
    "truncate",
    "inherit",
    "gradient",
    "variant",
    "color",
    "value",
    "prefix",
    "suffix",
    "decimalScale",
    "thousandSeparator",
    "striped",
    "highlightOnHover",
    "withTableBorder",
    "withColumnBorders",
    "type",
    "icon",
    "image",
    "order",
    "fit",
    "fallbackSrc",
    "loading",
    "referrerPolicy",
    "crossOrigin",
    "decoding",
    "draggable",
    "center",
    "spacing",
    "listStyleType",
  ],
  feedback: ["color", "variant", "radius", "size", "value", "sections", "label", "animated", "striped"],
  navigation: [
    "value",
    "defaultValue",
    "active",
    "label",
    "description",
    "leftSection",
    "rightSection",
    "opened",
    "disabled",
    "multiple",
    "chevronPosition",
    "orientation",
    "keepMounted",
    "transitionDuration",
  ],
  charts: [
    "data",
    "dataKey",
    "series",
    "type",
    "curveType",
    "color",
    "colors",
    "withLegend",
    "withTooltip",
    "withXAxis",
    "withYAxis",
    "withDots",
    "gridAxis",
    "unit",
    "valueFormatter",
    "strokeWidth",
    "fillOpacity",
    "connectNulls",
    "tooltipAnimationDuration",
  ],
  dates: [
    "date",
    "defaultDate",
    "value",
    "minDate",
    "maxDate",
    "locale",
    "firstDayOfWeek",
    "weekendDays",
    "hideOutsideDates",
    "hideWeekdays",
    "showWeekNumbers",
    "numberOfColumns",
    "level",
    "size",
  ],
  interaction: [
    "label",
    "value",
    "values",
    "data",
    "checked",
    "defaultChecked",
    "disabled",
    "readOnly",
    "color",
    "variant",
    "size",
    "radius",
    "leftSection",
    "rightSection",
    "loading",
    "min",
    "max",
    "step",
    "total",
    "page",
    "pageSize",
    "defaultTab",
    "title",
    "defaultOpen",
    "type",
    "fullWidth",
  ],
  network: [
    "requestId",
    "params",
    "onParams",
    "offParams",
    "initialValue",
    "label",
    "loadingLabel",
    "successMessage",
    "errorMessage",
    "confirmMessage",
    "invalidate",
    "refreshInterval",
    "trigger",
    "render",
    "path",
    "as",
    "fallback",
    "icon",
    "color",
    "variant",
    "size",
    "radius",
    "disabled",
  ],
  blocked: [],
};