From 80af1a0d48d2dd9eb98002ad6f2417cb570ee3e6 Mon Sep 17 00:00:00 2001
From: hanseulhee <3021062@gmail.com>
Date: Sat, 30 Jul 2022 13:53:26 +0900
Subject: [PATCH] [#41] apply one line content component

---
 src/components/Text/OneLineContent.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/components/Text/OneLineContent.tsx

diff --git a/src/components/Text/OneLineContent.tsx b/src/components/Text/OneLineContent.tsx
new file mode 100644
index 0000000..565a217
--- /dev/null
+++ b/src/components/Text/OneLineContent.tsx
@@ -0,0 +1,26 @@
+import { css, Theme } from "@emotion/react";
+
+interface Props {
+  summary?: string;
+  highlight?: string;
+}
+
+function OneLineContent({ summary, highlight }: Props) {
+  return (
+    <span css={summaryContent}>
+      <strong css={strongContent}>{highlight}</strong>
+      {summary}
+    </span>
+  );
+}
+
+export default OneLineContent;
+
+const summaryContent = css`
+  margin: 0.5rem 0;
+`;
+
+const strongContent = (theme: Theme) => css`
+  color: ${theme.color.black};
+  font-weight: ${theme.fontWeight.normal};
+`;