/**
 * PromptTag 组件
 * 灵感标签，点击后追加文本到目标输入框
 * @param {Object} props
 * @param {string} props.text - 标签文本
 * @param {Function} props.onClick - 点击回调
 */
const PromptTag = ({ text, onClick }) => {
  return (
    <span
      onClick={() => onClick(text)}
      className="prompt-tag"
    >
      {text}
    </span>
  );
};

/**
 * PromptTagGroup 组件
 * 灵感标签组，用于批量渲染标签
 * @param {Object} props
 * @param {string[]} props.tags - 标签文本数组
 * @param {Function} props.onTagClick - 标签点击回调
 */
export const PromptTagGroup = ({ tags, onTagClick }) => {
  return (
    <div className="flex flex-wrap gap-2 pt-2">
      {tags.map((tag, index) => (
        <PromptTag 
          key={index} 
          text={tag} 
          onClick={onTagClick} 
        />
      ))}
    </div>
  );
};

export default PromptTag;
