samlax12's picture
Upload 55 files
e85fa50 verified
raw
history blame contribute delete
555 Bytes
import React from 'react';
import { Category } from '../../types';
interface CategoryBadgeProps {
category: Category;
onClick?: () => void;
className?: string;
}
const CategoryBadge: React.FC<CategoryBadgeProps> = ({
category,
onClick,
className = ''
}) => {
return (
<div
className={`ios-tag cursor-pointer ${className}`}
style={{ backgroundColor: `${category.color}20`, color: category.color }}
onClick={onClick}
>
{category.name}
</div>
);
};
export default CategoryBadge;