components/ui/Chip.tsx

import { cn } from '@/lib/utils';
import React from 'react';

type ChipProps = {
  label?: string;
  value?: string;
  className?: string;
} & React.ComponentProps<'div'>;

const Chip: React.FC<ChipProps> = ({
  value,
  className,
  children,
  ...props
}) => {
  return (
    <div
      className={cn(
        'inline-flex items-center rounded-full text-xs mr-2 bg-gray-100 text-gray-500 px-2 py-1',
        className,
      )}
      {...props}
    >
      <span>{value}</span>
      {children}
    </div>
  );
};

export default Chip;