[markup] Title 컴포넌트

[clapsheep]

컴포넌트 디자인

Figma 디자인 시안에 있는 컴포넌트 디자인

• 실제 Figma 프로젝트에서 정확한 수치와 반응형을 고려하여 설계해주세요.
• Color 및 size는 프로젝트 내에 지정된 수치를 사용해야하며, 혹시 디자인에 그렇게 반영되어 있지 않다면 개발단계에서 협의 후 진행해주세요.

컴포넌트 분류

- molecules

주요 Props

제시된 Props 외에 재사용성을 고려한 Props들이 무엇이 있을지 고민해주세요.

PropName	Type	Requirement	Default
title	string	-	-
subTitle	Record<string,string>	Optional	-
description	Record<string,string>	Optional	-
isLiked	boolean	Optional	-
onClickLike	(e:React.MouseEvent) => void	Optional	-

• onClickLike가 있으면 화면에 표시하고 없으면 표시안하는 방향이면 필요없는 경우에도 사용할 수 있겠죠?
• 버튼 isLiked 상태에 따라 채워진 별과 빈 별을 렌더링 할 수 있게 해주세요.

활용 예시

아래의 예시를 통해 DX를 고려하여 이해하기 쉬운 방향으로 컴포넌트를 설계해주세요.