Eb/자주쓰이는 atom component 구현 및 molecule component 일부 구현

client/src/components/molecules/filterItem/FilterItemLabel/FilterItemLabel.stories.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { text } from '@storybook/addon-knobs';
+import FilterItemLabel from './FilterItemLabel';
+
+export default {
+  title: 'Molecules/FilterItemLabel',
+  component: FilterItemLabel,
+};
+
+export const Default = () => {
+  const swatchColor = text('swatch color', '#eee');
+  const title = text('title', 'bug');
+  const description = text('description', "Something isn't working");
+
+  return (
+    <FilterItemLabel
+      swatchColor={swatchColor}
+      title={title}
+      description={description}
+    />
+  );
+};

client/src/components/molecules/filterItem/FilterItemLabel/FilterItemLabel.tsx

@@ -0,0 +1,26 @@
+import React, { FunctionComponent } from 'react';
+import ColorSwatch from '@components/atoms/filterItem/ColorSwatch';
+import Description from '@/components/atoms/filterItem/Description';
+import Title from '@/components/atoms/filterItem/Title';
+
+interface Props {
+  swatchColor: string;
+  title: string;
+  description?: string;
+}
+
+const FilterItemLabel: FunctionComponent<Props> = ({
+  swatchColor,
+  title,
+  description,
+}) => (
+  <>
+    <ColorSwatch bgColor={swatchColor} />
+    <div>
+      <Title text={title} />
+      <Description text={description} />
+    </div>
+  </>
+);
+
+export default FilterItemLabel;

client/src/components/molecules/filterItem/FilterItemLabel/index.ts

@@ -0,0 +1 @@
+export { default } from './FilterItemLabel';