FnButton 컴포넌트

[dldnlee]

사용법

전달 받는 props

FnButton

• image (필수)
• size (필수 아님) default = 'size-30pxr'
• altText (필수)
• clickHandler (필수 아님)

DummyButton

• size (필수 아님) default = 'size-30pxr'
• 레이아웃 설정을 위한 고스트 버튼

호출 예시

  function handleButtonClick(event: React.MouseEvent<HTMLButtonElement>) {
    console.log('Button clicked!', event);
  }
  
  <header className="w-full bg-white px-10pxr py-12pxr flex items-center justify-between sticky top-0">
    <DummyButton
       size={'size-60pxr'} />
    <FnButton 
       image={close} 
       altText="닫기"
       size={'size-80pxr'}
       clickHandler={handleButtonClick} />
  </header>