All files / components Coach.js

0% Statements 0/1

0% Branches 0/8

0% Functions 0/1

0% Lines 0/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { BsFillPersonFill } from 'react-icons/bs'
import Image from 'next/image'
 
function Coach({ src, name, title, blurb }) {
  return (
    <div className="flex flex-col items-center">
      <div className="rounded-full border-2 p-1 h-32 w-32">
        {src ? (
          <img src={src} className="rounded-full bg-cover" alt={name} />
        ) : (
          <BsFillPersonFill className="w-28 h-28" />
        )}
      </div>
      <h2 className="font-bold text-periwinkle text-lg text-center">
        {name || 'Name'}
      </h2>
      <p className="text-md text-center">{title || 'Title'}</p>
      <p className="text-sm text-center">{blurb || 'Blurb'}</p>
    </div>
  )
}
 
export default Coach