mirror of
https://github.com/utopia-os/utopia-ui.git
synced 2025-12-13 07:46:10 +00:00
17 lines
617 B
TypeScript
17 lines
617 B
TypeScript
// eslint-disable-next-line react/prop-types
|
|
const RelationCard = ({ title, description, imageSrc }) => (
|
|
<div className={`tw-mb-6 ${imageSrc ? 'md:tw-flex md:tw-space-x-4' : ''}`}>
|
|
{imageSrc && (
|
|
<div className='md:tw-w-1/2 tw-mb-4 md:tw-mb-0'>
|
|
<img src={imageSrc} alt={title} className='tw-w-full tw-h-32 tw-object-cover' />
|
|
</div>
|
|
)}
|
|
<div className={imageSrc ? 'md:tw-w-1/2' : 'tw-w-full'}>
|
|
<h3 className='tw-text-lg tw-font-semibold'>{title}</h3>
|
|
<p className='tw-mt-2 tw-text-sm tw-text-gray-600'>{description}</p>
|
|
</div>
|
|
</div>
|
|
)
|
|
|
|
export default RelationCard
|