/**
 * 电子名片组件
 * =========================================
 * 1. 纯卡片风格
 * 2. 卡片+图片风格
 * 3. 纯图片风格
 * 4. 图片背景风格
 * =========================================
 **/

import { View, Text } from "@tarojs/components";
import { memo } from "react";

interface BizCardProps {
  title: string;
  userInfo: User;
}

export const BizCardTpl_01 = memo(({ userInfo }: BizCardProps) => {
  return (
    <View>
      <Text>{userInfo.name}</Text>
    </View>
  );
});

export const BizCardTpl02 = memo(() => {
  return (
    <View className="bg-white p-3 h-30 rounded-sm shadow-md">
      <View className="flex">
        <View className="flex-1">
            <View className="text-lg font-bold">王长森</View>
            <View className="text-sm text-gray-500">高级产品经理</View>
        </View>
        <View className="h-15 w-20 bg-black"></View>
      </View>
    </View>
  );
});

export const BizCardTpl_03 = memo(() => {
  return (
    <View className="flex-1 p-3 bg-red-400">
      <Text>Card Title</Text>
    </View>
  );
});

export const BizCardTpl_04 = memo(() => {
  return (
    <View>
      <Text>Card Title</Text>
    </View>
  );
});