DigitalCardBasic.tsx 1008 B

12345678910111213141516171819202122232425262728
  1. import { View } from "@tarojs/components";
  2. import TagCertificated from "@/components/tag-certificated";
  3. export interface DigitalCardBasicProps {
  4. certificated?: boolean
  5. name: string
  6. position: string
  7. company: string
  8. }
  9. const DigitalCardBasic = ({name, position, company, certificated }: DigitalCardBasicProps) => {
  10. return <View className="flex items-start">
  11. <View className="flex flex-col flex-1">
  12. <View className="flex items-end gap-8">
  13. <View className="text-16 font-medium leading-32">{name}</View>
  14. <View className="text-12 leading-20">{position}</View>
  15. </View>
  16. <View className="flex items-center gap-2">
  17. <View className="text-12 leading-20 truncate max-w-[188px]">
  18. {company}
  19. </View>
  20. {certificated && <TagCertificated />}
  21. </View>
  22. </View>
  23. </View>
  24. }
  25. export default DigitalCardBasic;