import { View, Image } from "@tarojs/components";
import "./ApproveCard.less";
import icon11 from "@/assets/icon/icon11.png";
import { composeImgUrl } from "@/utils";

interface PropsTypes {
  dataSource: {
    id: string;
    thingName: string;
    icon: string;
  };
  onclick(): void;
}
export default function (props: PropsTypes) {
  const { dataSource, onclick } = props;

  return (
    <View className="projectItemCard" onClick={onclick}>
      <View className="projectItemCard-content">
        <Image
          src={composeImgUrl(dataSource.icon)}
          className="projectItemCard-content-icon"
        ></Image>
        {dataSource.thingName}
      </View>
      <Image src={icon11} className="projectItemCard-right-icon"></Image>
    </View>
  );
}
