@kwiz/fluentui/src/helpers/context-const.ts

KWIZ common controls for FluentUI

import React from "react";
export interface iKWIZFluentContext {
    /**
     * Where the portal children are mounted on DOM
     *
     * @default a new element on document.body without any styling
     */
    mountNode?: HTMLElement | null | {
        element?: HTMLElement | null;
        className?: string;
    }
    /**
     * Controls the colors and borders of the input.
     * 
     * @default 'underline'
     */
    inputAppearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';

    /**
     * A button can be rounded, circular, or square.
     *
     * @default 'rounded'
     */
    buttonShape?: 'rounded' | 'circular' | 'square';
    /** true if using dark theme */
    dark?: boolean;
}

//create context
export const KWIZFluentContext = React.createContext<iKWIZFluentContext>(null);