+ {ad.description} +
+{description}
+ )} +카드 내용이 들어갑니다.
+ ), + }, +}; + +export const WithTitle: TCardStory = { + args: { + children: ( +카드 내용이 들어갑니다.
+ ), + }, +}; + +export const WithDescription: TCardStory = { + args: { + description: "제목에 대한 설명이 들어갑니다.", + children: ( +카드 내용이 들어갑니다.
+ ), + }, +}; + +export const WithRightElement: TCardStory = { + args: { + RightElement: , + children: ( +카드 내용이 들어갑니다.
+ ), + }, +}; + +export const WithDescriptionAndRightElement: TCardStory = { + args: { + description: "데이터 기준 | 2026.01.06 09:13", + RightElement: , + children: ( +카드 내용이 들어갑니다.
+ ), + }, +}; diff --git a/src/components/common/card/Card.tsx b/src/components/common/card/Card.tsx new file mode 100644 index 00000000..5e915123 --- /dev/null +++ b/src/components/common/card/Card.tsx @@ -0,0 +1,49 @@ +import type { HTMLAttributes, ReactNode } from "react"; +import { memo } from "react"; +import { twMerge } from "tailwind-merge"; + +export interface ICardProps extends HTMLAttributes{title}
++ {value} +
+ {trend &&+ {description} +
+모달 내용부분
++ {insightDesc} +
++ 클릭 이상 징후 감지 +
+{message}
+ )} + {timestamp && ( +{timestamp}
+ )} +실시간 데이터를 불러오지 못했습니다.
+잠시 후 다시 시도해 주세요.
++ 광고 클릭수 추이 +
++ 오후 12시 기준 클릭수 48,500 +
++ 전시간 대비 +1.9% +
++ 새로운 멤버를 초대하세요! +
++ {description} +
++ {page.description} +
+ ++ {item.text} +
++ Google·Meta 파트너 서비스로 광고 데이터를 한 곳에서 관리하세요. +
+Multi-device support
+Mobile
+Tablet
+Desktop
++ {plan.target} +
+ +{plan.assurance}
+ + + ++ {subtitle} +
+ )} +
+ {member
+ ? `${member.name}님을 팀에서 삭제합니다`
+ : "선택한 팀원을 삭제합니다"}
+
이 작업은 되돌릴 수 없습니다.
+
팀원 초대하기
+ ++ {item.email} +
++ {item.name} +
+ {item.isMe && ( + + 본인 + + )} +{member.name}
+{member.email}
++ 현재 {totalCount}명의 구성원이 활동 중입니다 +
+{member.name}
+{member.email}
++ 역할별 권한을 확인하고 설정할 수 있습니다 +
+| + 기능 및 작업 + | ++ 관리자 + | +멤버 | +
|---|---|---|
|
+
+
+ {row.label} ++ {row.description} + + |
+
+
+
+ |
+
+
+
+ |
+
{message}
+{message}
+ ++ 데이터를 불러오는 중입니다... +
++ 데이터를 불러오는 중입니다... +
++ {data.description} +
++ {data.strategySuggestion.content} +
++ {data.warning.content} +
++ 올바르지 않은 워크스페이스입니다. +
+{errorMessage}
+
+ 워크스페이스를 생성한 사용자는 자동으로 관리자 권한을 갖습니다.
+
+ 로고 이미지와 기본 정보를 입력해 주세요.
+
{createErrorMsg}
+ )} +{errorMsg}
+ +
+ 삭제된 워크스페이스와 관련된 모든 데이터는 영구 삭제되며
{" "}
+ 절대 되돌릴 수 없습니다.
+