// WARNING: this file is auto generated, any changes will be lost
import { createDesignComponent, CanvasStore } from "framer"
const canvas = CanvasStore.shared(); // CANVAS_DATA;
export const Button = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string,label?:string}>(canvas, "id_zJVR7WURr", {label:"string"}, 160,48);
export const Checkbox = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string,Label?:string}>(canvas, "id_f2N56LYLn", {Label:"string"}, 256,32);
export const MenuItem = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string,subtitle?:string,title?:string}>(canvas, "id_NB35xxRVu", {subtitle:"string",title:"string"}, 360,64);
export const MenuItem_card_ = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string,subtitle?:string,title?:string}>(canvas, "id_c1NenO9KT", {subtitle:"string",title:"string"}, 168,168);
export const MobileMenu = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string,label?:string,label?:string,label?:string}>(canvas, "id_kFufc1SFI", {label:"string",label:"string",label:"string"}, 360,64);
export const MobileMenuItem = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string,label?:string}>(canvas, "id_sRbT0QY3N", {label:"string"}, 120,64);
export const RadioButton = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string,Label?:string}>(canvas, "id_bW8DUqR35", {Label:"string"}, 256,32);
export const Slider = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string,label?:string,startHint?:string,endHint?:string}>(canvas, "id_AgmKLqSSO", {label:"string",startHint:"string",endHint:"string"}, 256,48);
export const Switch = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_nVoC4g0BR", {}, 48,32);
export const TextInput = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string,label?:string,value?:string,hint?:string}>(canvas, "id_EbraROd8J", {label:"string",value:"string",hint:"string"}, 256,48);

export const colors = Object.freeze({
    /** #C78AB3 */
    "Primary Light": "var(--token-2a7216bc-357a-47db-a19a-457657273b8f, rgb(199, 138, 179))",
    /** #222222 */
    "Negative": "var(--token-c775663b-665f-4874-870d-7a1a1542286a, rgb(34, 34, 34))",
    /** #EEEEEE */
    "Positive": "var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(238, 238, 238))",
    /** #FF9900 */
    "Focus": "var(--token-ba5c7de0-eac6-4864-81ff-574ba758578e, rgb(255, 153, 0))",
    /** #000000 */
    "Darkness": "var(--token-34fc7f34-d2da-4e88-bc7a-acfcde910ff2, rgb(0, 0, 0))",
    /** #FFFFFF */
    "Lightness": "var(--token-73301745-4eba-4cf2-b034-98fa8ac6bb72, rgb(255, 255, 255))",
    /** #BC85A8 */
    "Primary Dark": "var(--token-675ea90d-d06c-4987-91db-78f3e6115f2c, rgb(188, 133, 168))",
})
