Fix build

components/common/FeatureBar/FeatureBar.module.css

@@ -0,0 +1,7 @@
+.root {
+  @apply text-center p-6 bg-primary text-sm flex-row justify-center items-center font-medium fixed bottom-0 w-full z-30 transition-all duration-300 ease-out;
+
+  @screen md {
+    @apply flex text-left;
+  }
+}

components/common/FeatureBar/FeatureBar.tsx

@@ -0,0 +1,39 @@
+import cn from 'classnames'
+import s from './FeatureBar.module.css'
+
+interface FeatureBarProps {
+  className?: string
+  title: string
+  description?: string
+  hide?: boolean
+  action?: React.ReactNode
+}
+
+const FeatureBar: React.FC<FeatureBarProps> = ({
+  title,
+  description,
+  className,
+  action,
+  hide,
+}) => {
+  const rootClassName = cn(
+    s.root,
+    {
+      transform: true,
+      'translate-y-0 opacity-100': !hide,
+      'translate-y-full opacity-0': hide,
+    },
+    className
+  )
+  return (
+    <div className={rootClassName}>
+      <span className="block md:inline">{title}</span>
+      <span className="block mb-6 md:inline md:mb-0 md:ml-2">
+        {description}
+      </span>
+      {action && action}
+    </div>
+  )
+}
+
+export default FeatureBar

components/common/FeatureBar/index.ts

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

hooks/index.ts

@@ -1 +0,0 @@
-export { default as useCart } from './useCart'