on 44dc2fe help sign in
18 lines 364 B history raw
1import React from 'react';
2import cn from 'classnames';
4export default function Chip({ children, color, className }) {
5 const bgColor = `bg-${color}1`;
6 const fgColor = `${color}4`;
7 return (
8 <div
9 className={cn(
10 className,
11 'h6 r-full flex-center ph2 mh2',
12 bgColor,
13 fgColor
14 )}>
15 {children}
16 </div>
17 );