import {
  INumberConfigType,
  ISelectConfigType,
  ITextConfigType,
  TSelectDefaultType,
  IColorConfigType,
  TTextDefaultType,
  TColorDefaultType,
  TNumberDefaultType,
} from 'editorCore/FormComponents/types';
import { commonConfig, commonEditData, ICommonConfig } from '../../common';
import _ from 'lodash';
import { TNoticeSelectKeyType } from 'editorComponents/BasicPcShop/BasicComponents/Notice/schema';


export type TNoticeBarEditData = Array<
  | ITextConfigType
  | IColorConfigType
>;
export type TNoticeBarConfig = Pick<ICommonConfig, 'name'> & {
  text: TTextDefaultType;
  theme: TSelectDefaultType<'warning' | 'success' | 'danger'>;
};

export interface INoticeBarSchema {
  editData: TNoticeBarEditData;
  config: TNoticeBarConfig;
}

const NoticeBar: INoticeBarSchema = {
  editData: [
    commonEditData.name,
    {
      key: 'text',
      name: '文本',
      type: 'Text',
    },
    {
      key: 'theme',
      name: '主题',
      type: 'Select',
      range: [
        {
          key: 'warning',
          text: '警告',
        },
        {
          key: 'success',
          text: '成功',
        },
        {
          key: 'danger',
          text: '危险',
        },
      ],
    },
  ],
  config: {
    ..._.pick(commonConfig, ['name',]),
    text: '通知栏: 丽维家新品上线啦',
    theme: 'warning',
  },
};

export default NoticeBar;