chore(web): add actionItem to beta

web/src/beta/components/ActionItem/index.stories.tsx

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/react";
+
+import ActionItem from ".";
+
+export default {
+  component: ActionItem,
+} as Meta;
+
+type Story = StoryObj<typeof ActionItem>;
+
+export const Default: Story = {
+  args: {
+    title: "NewPage",
+  },
+};

web/src/beta/components/ActionItem/index.tsx

@@ -0,0 +1,44 @@
+import styled from "@emotion/styled";
+import { FC } from "react";
+
+import Icon from "../Icon";
+
+type Props = {
+  icon: string;
+  title: string;
+  onClick?: () => void;
+};
+
+const ActionItem: FC<Props> = ({ icon, title, onClick }) => {
+  return (
+    <Box onClick={onClick}>
+      <Icon icon={icon} style={{ width: "8px", height: "8px" }} />
+      <Text>{title}</Text>
+    </Box>
+  );
+};
+
+const Box = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 4px 12px;
+  gap: 8px;
+
+  height: 28px;
+
+  background: #232226;
+  :hover {
+    background: #2b2a2f;
+  }
+`;
+
+const Text = styled.text`
+  font-family: "Noto Sans";
+  font-weight: 400;
+  font-size: 12px;
+
+  color: #c7c5c5;
+`;
+
+export default ActionItem;