import React from 'react';

export const InlineCitationChip: React.FC<{ label: string; onInsert: () => void }> = ({
  label,
  onInsert,
}) => (
  <button
    type="button"
    onClick={onInsert}
    className="rounded-full border border-[#294767] bg-[#0f1d2f] px-2.5 py-1 text-[11px] text-[#8cc3ff] transition-colors hover:border-[#5a86b4] hover:text-[#d7ecff]"
  >
    {label}
  </button>
);
