feat: 앱 바 공통 컴포넌트 추가

Author: gihwan-dev

src/components/common/AppBar.stories.tsx

@@ -0,0 +1,24 @@
+import { Meta, StoryObj } from '@storybook/react';
+import AppBar from './AppBar';
+import { BrowserRouter } from 'react-router-dom';
+
+const meta: Meta<typeof AppBar> = {
+  title: 'AppBar',
+  component: AppBar,
+  render: (args) => (
+    <BrowserRouter>
+      <AppBar {...args} />
+    </BrowserRouter>
+  ),
+};
+
+export default meta;
+
+export type story = StoryObj<typeof AppBar>;
+
+export const Default: story = {
+  args: {
+    title: '모임 일정 등록하기',
+    backButton: true,
+  },
+};

src/components/common/AppBar.tsx

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import HistoryBackButton from './HistoryBackButton';
+
+interface AppBarProps {
+  title?: string;
+  backButton?: boolean;
+}
+
+const AppBar: FC<AppBarProps> = ({ title = '', backButton = true }) => {
+  return (
+    <nav className="grid grid-cols-5 py-5">
+      <div className="col-span-1">{backButton ? <HistoryBackButton /> : <span />}</div>
+      <h1 className="col-span-3 text-center">{title}</h1>
+      <span className="col-span-1" />
+    </nav>
+  );
+};
+
+export default AppBar;