import { InfoItemProps } from '../model/types';

export const InfoItem = ({
  payName,
  payImage,
  infoLink 
}: InfoItemProps) => {

  const onClickToShow = () => {
    if(!!infoLink){
      
    }
  };
  return (
    <>
      <li className="ing-card">
        <div className="ing-card-head">
          <div className="ing-card-icon">
            <img 
              src={ payImage }
              alt={ payName }
            />
          </div>
          <span className="ing-card-name">{ payName }</span>
        </div>
        <button 
          className="ing-card-link" 
          type="button"
          onClick={ () => onClickToShow() }
        >수수료 및 정산주기 &gt;</button>
      </li>
    </>
  )
};