import type { ThemeModeType } from '../../libs'
import { ColorConfig } from '../../libs/config'
import type { CSSProperties, PropType } from 'vue'

const configProviderProps = {
    /**
     * 主题色，暗色或者默认白色
     * @values dark,light
     * */
    theme: {
        type: String as PropType<ThemeModeType>,
        default: ''
    },
    /** 主题色 */
    themeColor: {
        type: String,
        default: ColorConfig.primary
    },
    /** 页面高度，单位px */
    height: [String, Number],
    /** 内边距，单位px */
    padding: [String, Number],
    /** 定义需要用到的主题类名 */
    customClass: String,
    /** 定义需要用到的外部样式 */
    customStyle: {
        type: [Object, Array] as PropType<CSSProperties | CSSProperties[]>
    }
}

export default configProviderProps