import React from 'react';
import { View, Image, Input } from '@tarojs/components';
import {CompDefault, MetaProps} from "../data-channel";
import connect from '../connect';
const codeIcon = 'https://wanmi-b2b-x-site.oss-cn-shanghai.aliyuncs.com/pandora-ui/assets/templates/images/input/icon-code.png';

export interface Props extends MetaProps {}

export interface State {}

const defaultValue: CompDefault<Props, State> = {
  props: {},
  state: {},
  meta: {},
}

const InputIcon: React.FC<Props> =  () => {
  return (
    <View className='wm-input wm-input-middle  wm-input-underline'>
      <View className='icon-box'>
        <Image className='icon preIcon' src={codeIcon} />
      </View>
      <Input placeholder='带图标的输入框' />
    </View>
  );
};

export default connect(InputIcon, defaultValue);