feat(WEB-304): remaning UI from design system primitives

components/TempDesignSystem/Chip/index.tsx

@@ -0,0 +1,23 @@
+import Footnote from "@/components/TempDesignSystem/Text/Footnote"
+
+import { chipVariants } from "./variants"
+
+import type { ChipProps } from "./chip"
+
+export default function Chip({
+  children,
+  className,
+  intent,
+  variant,
+}: ChipProps) {
+  const classNames = chipVariants({
+    className,
+    intent,
+    variant,
+  })
+  return (
+    <Footnote asChild>
+      <div className={classNames}>{children}</div>
+    </Footnote>
+  )
+}