import React from "react";

import css from "./Banner.module.less";

export default function Banner({ selectedBrandInfo, topImgInfo }) {
  const { logoImgAlt, logoImgPath, patncNm } = selectedBrandInfo;
  const { topImgAlt, topImgNm, topImgPath } = topImgInfo;

  return (
    <div className={css.container}>
      <div>
        <img src={logoImgPath} alt={`${logoImgAlt} ${topImgNm}`} />
        <h2>{patncNm}</h2>
      </div>
      <img src={topImgPath} alt={topImgAlt} />
    </div>
  );
}
