1import React from 'react';
2
3export default function Quote({children, name, title, company, imageUrl}) {
4  return (
5    <blockquote className='mb-1'>
6      <p className="italic font-semibold" dir="ltr">{children}</p>
7      <div className='avatar'>
8        <div className="avatar__photo">
9          <img src={imageUrl} alt={`${name}'s profile`} className="w-6 h-6 rounded" />
10        </div>
11        <div className="avatar__intro">
12          <div className='avatar__name'>{name}</div>
13          <small>{title} at {company}</small>
14        </div>
15      </div>
16    </blockquote>
17  );
18}

1import React from 'react';
2
3export default function Quote({children, name, title, company, imageUrl}) {
4  return (
5    <blockquote className='mb-1'>
6      <p className="italic font-semibold" dir="ltr">{children}</p>
7      <div className='avatar'>
8        <div className="avatar__photo">
9          <img src={imageUrl} alt={`${name}'s profile`} className="w-6 h-6 rounded" />
10        </div>
11        <div className="avatar__intro">
12          <div className='avatar__name'>{name}</div>
13          <small>{title} at {company}</small>
14        </div>
15      </div>
16    </blockquote>
17  );
18}