teableio/teable

import type { FC } from 'react';

type Props = {
  image?: string;
  title: string;
  description: string;
};

export const BasicCard: FC<Props> = (props) => {
  const { image, title, description } = props;
  const imgSrc = image?.length ? image : undefined;
  return (
    <>
      {imgSrc !== undefined ? <img loading="lazy" src={imgSrc} alt="something" /> : null}
      <div className="container">
        <h4>
          <strong>{title}</strong>
        </h4>
        <p>{description}</p>
      </div>
    </>
  );
};