import {    NOT_ENOUGH_STATES_ERROR,    NO_DEFAULT_OR_BASE_ERROR,    interactive,} from "./interactive"import { describe, it, expect } from "vitest" describe("interactive", () => {    it("creates an Interactive<Element> with base properties and states", () => {        const result = interactive({            base: { font_size: 10, color: "#FFFFFF" },            state: {                hovered: { color: "#EEEEEE" },                clicked: { color: "#CCCCCC" },            },        })         expect(result).toEqual({            default: { color: "#FFFFFF", font_size: 10 },            hovered: { color: "#EEEEEE", font_size: 10 },            clicked: { color: "#CCCCCC", font_size: 10 },        })    })     it("creates an Interactive<Element> with no base properties", () => {        const result = interactive({            state: {                default: { color: "#FFFFFF", font_size: 10 },                hovered: { color: "#EEEEEE" },                clicked: { color: "#CCCCCC" },            },        })         expect(result).toEqual({            default: { color: "#FFFFFF", font_size: 10 },            hovered: { color: "#EEEEEE", font_size: 10 },            clicked: { color: "#CCCCCC", font_size: 10 },        })    })     it("throws error when both default and base are missing", () => {        const state = {            hovered: { color: "blue" },        }         expect(() => interactive({ state })).toThrow(NO_DEFAULT_OR_BASE_ERROR)    })     it("throws error when no other state besides default is present", () => {        const state = {            default: { font_size: 10 },        }         expect(() => interactive({ state })).toThrow(NOT_ENOUGH_STATES_ERROR)    })})