All files / components ProfileList.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
1x
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4x
 
import ProfileCard, { ProfileCardProps } from './ProfileCard'
 
export interface ProfileListProps {
  sectionName: string
  profileCards: ProfileCardProps[]
  aaPrefix?: string
}
 
const ProfileList = ({
  sectionName,
  profileCards,
  aaPrefix,
}: ProfileListProps) => {
  return (
    <div className="max-w-3xl">
      <h2 className="mb-4 mt-8 font-display text-3xl font-bold">
        {sectionName}
      </h2>
      {profileCards.map((card: ProfileCardProps) => {
        return (
          <ProfileCard
            key={card.cardId}
            cardId={card.cardId}
            cardName={card.cardName}
            cardHref={card.cardHref}
            description={card.description}
            prefixIcon={card.prefixIcon}
            aaPrefix={aaPrefix}
          />
        )
      })}
      <div className="border-t-2 border-y-gray-100" />
    </div>
  )
}
 
export default ProfileList