mirror of
https://github.com/vercel/commerce.git
synced 2025-03-14 22:42:33 +00:00
Fix build
This commit is contained in:
parent
768aff1f16
commit
99e42d7c52
7
components/common/FeatureBar/FeatureBar.module.css
Normal file
7
components/common/FeatureBar/FeatureBar.module.css
Normal file
@ -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;
|
||||
}
|
||||
}
|
39
components/common/FeatureBar/FeatureBar.tsx
Normal file
39
components/common/FeatureBar/FeatureBar.tsx
Normal file
@ -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
|
1
components/common/FeatureBar/index.ts
Normal file
1
components/common/FeatureBar/index.ts
Normal file
@ -0,0 +1 @@
|
||||
export { default } from './FeatureBar'
|
@ -1 +0,0 @@
|
||||
export { default as useCart } from './useCart'
|
Loading…
x
Reference in New Issue
Block a user