/**
 * 电子名片组件
 * =========================================
 * 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">
      <Text>Card Title2</Text>
    </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>
  );
});
