1
0
mirror of https://github.com/vercel/commerce.git synced 2025-07-28 20:51:23 +00:00
Files
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
commerce/components/core/Featurebar/Featurebar.tsx
2020-10-15 16:12:46 -03:00

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