import type { ThemeName } from "@tamagui/web";
import { defaultIntents } from "./intents";
import type { Preset } from "./preset.types";

export const defaultPreset: Preset = {
  theme: "" as ThemeName,
  knobs: {
    fillStyle: "filled",
    borderRadius: "medium",
    cornerSmoothing: "round",
    borderWidth: "medium",
    elevation: "small",
    space: "medium",
    size: "medium",
    density: "comfortable",
    textAccent: "high",
    headingFont: "sans-serif",
    bodyFont: "sans-serif",
    fontWeight: "regular",
    pageTitleScale: "moderate",
    animation: "quick",
    fieldLabelPlacement: "top",
    requiredMarking: "minority",
    tableZebra: "off",
    bulkBarPlacement: "top",
    selectAllScope: "page",
    timestampStyle: "absolute",
    disabledStyle: "keepLabel",
    formAutofocus: "off",
    hover: {},
    press: {},
    focus: {},
    focusVisible: {},
  },
  intents: defaultIntents,
  tints: ["orange", "blue", "purple", "pink"] as ThemeName[],
};

export const boldPreset: Preset = {
  theme: "pink" as ThemeName,
  knobs: {
    fillStyle: "filled",
    borderRadius: "full",
    cornerSmoothing: "round",
    borderWidth: "none",
    elevation: "none",
    space: "small",
    size: "medium",
    density: "comfortable",
    textAccent: "high",
    headingFont: "sans-serif",
    bodyFont: "sans-serif",
    fontWeight: "bold",
    pageTitleScale: "moderate",
    animation: "bouncy",
    fieldLabelPlacement: "top",
    requiredMarking: "minority",
    tableZebra: "off",
    bulkBarPlacement: "top",
    selectAllScope: "page",
    timestampStyle: "absolute",
    disabledStyle: "keepLabel",
    formAutofocus: "off",
    hover: {},
    press: {},
    focus: {},
    focusVisible: {},
  },
  intents: defaultIntents,
  tints: ["pink", "purple", "pink", "purple", "pink", "purple", "pink"] as ThemeName[],
};

/**
 * Marketing / hero surface preset (D-11 hero-H1 dial, owner ruling
 * 2026-08-12). Identical to `defaultPreset` except the page title returns to
 * the display step ($10 = 64px): product screens are wayfinding and take the
 * moderate step by default, so the loud scale has to be ASKED for.
 *
 * @example Whole marketing app
 * createDefaultThemeConfig({ presets: { default: defaultPreset, hero: heroPreset } })
 *
 * @example One hero region inside a product app (cascades onto the live preset)
 * <Preset overrides={{ pageTitleScale: "display" }}>
 *   <PageHeader title="Ship faster" />
 * </Preset>
 */
export const heroPreset: Preset = {
  ...defaultPreset,
  knobs: { ...defaultPreset.knobs, pageTitleScale: "display" },
};