EmptyStateCard

비어있는 (내 프로필, 신청 내역, 내 가게)에 대한 내용을 렌더링 할 컴포넌트

Props

Props 이름	타입	기본값	설명
description	string (optional)	❌	버튼 위의 설명 글을 전달
buttonName	string	❌	버튼의 이름을 전달
onClick	(e: MouseEvent<HTMLButtonElement>) => void	❌	버튼 클릭 시, 실행할 메서드를 전달

Table.Tr

Props 이름	타입	기본값	설명
showLastBottomBorder	boolean(optional)	❌	Table.Tr 컴포넌트 중 마지막 요소의 border-bottom 렌더링 여부

UI 테스트

사용 예시

export default function Example() {
  const clickHandler = () => {
    console.log("내 프로필 페이지로 이동");
  };

  return (
    <EmptyStateCard
      description="내 프로필을 등록하고 원하는 가게에 지원해 보세요."
      buttonName="내 프로필 등록하기"
      onClick={clickHandler}
    />
  );
}