import Image from '@material-hu/components/composed-components/Image';

import defaultSessionCover from 'src/assets/images/defaultSession.webp';

import { type SessionDetail } from '../../../types';

type SessionCoverProps = Pick<SessionDetail, 'pictureUrl'>;

export const SessionCover = ({ pictureUrl }: SessionCoverProps) => {
  return (
    <Image
      src={pictureUrl}
      aspectRatio="1/1"
      defaultSrc={defaultSessionCover}
    />
  );
};