mirror of
https://github.com/vercel/commerce.git
synced 2025-07-28 20:51:23 +00:00
assets
components
cart
core
Avatar
Featurebar
Featurebar.module.css
Featurebar.tsx
index.ts
Footer
HTMLContent
Head
Layout
Navbar
Searchbar
Toggle
UserNav
index.ts
icon
product
ui
wishlist
config
lib
pages
public
utils
.gitignore
.prettierignore
README.md
codegen.json
global.d.ts
next-env.d.ts
next.config.js
package.json
postcss.config.js
tailwind.config.js
tsconfig.json
yarn.lock
26 lines
661 B
TypeScript
26 lines
661 B
TypeScript
import cn from 'classnames'
|
|
import { FC } from 'react'
|
|
import s from './Featurebar.module.css'
|
|
|
|
interface Props {
|
|
className?: string
|
|
title: string
|
|
description: string
|
|
}
|
|
|
|
const Featurebar: FC<Props> = ({ title, description, className }) => {
|
|
const rootClassName = cn(
|
|
'hidden py-2 px-6 bg-accents-1 border-b border-accents-2 text-base text-sm text-gray-600 md:flex flex-row justify-center items-center font-medium border-b border-accents-1',
|
|
className
|
|
)
|
|
return (
|
|
<div className={rootClassName}>
|
|
<span>{title}</span>
|
|
<span className={s.separator} />
|
|
<span>{description}</span>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Featurebar
|