export function HomeSidebar({ layout = 'vertical' }) {
  const isHorizontal = layout === 'horizontal'

  return (
    <div
      className={[
        'home-sidebar__inner',
        isHorizontal ? 'home-sidebar__inner--horizontal' : null,
      ]
        .filter(Boolean)
        .join(' ')}
    >
      <img
        className="home-sidebar__photo"
        src="/images/profile-photo.png"
        alt="Photo de profil"
        width={300}
        height={300}
        loading="lazy"
        decoding="async"
      />
      <div className="home-sidebar__cluster">
        <p className="home-sidebar__name">Florent Patruno</p>
      </div>
      <div className="home-sidebar__extra">
        <ul className="home-sidebar__extra-list">
          <li>Marseille</li>
          <li>Voiture</li>
          <li>Francais</li>
          <li>Anglais B1</li>
        </ul>
      </div>
    </div>
  )
}
