import { View } from "@tarojs/components";

type Props = {
    vehicleInfo?: {
        vehiclePictures?: string;
        vehicleCode?: string;
        vehicleColor?: string;
        plateNumber?: string;
    };
};

export default function VehicleInfoCard({ vehicleInfo }: Props) {
    // 展示车辆基础信息：左侧车牌·车身颜色，右侧车型
    return (
        <View className="car-card-detail">
            <View className="car-card-detail-plate">
                <View className="car-card-detail-num">{vehicleInfo?.plateNumber}</View>
                {vehicleInfo?.vehicleColor && (
                    <>
                        <View className="car-card-detail-dot"></View>
                        <View className="car-card-detail-color-text">{vehicleInfo?.vehicleColor}</View>
                    </>
                )}
            </View>
            <View className="car-card-detail-model">小鹏GX</View>
        </View>
    );
}