// src/pages/agent-office/components/PlaceholderCard.jsx
import { PLACEHOLDER_IMAGE, PLACEHOLDER_LABEL } from '../constants.js';

export default function PlaceholderCard({ active = false, onClick }) {
  return (
    <button
      type="button"
      className={`ao-card placeholder${active ? ' active' : ''}`}
      onClick={onClick}
    >
      <div className="ao-card-image">
        <img src={PLACEHOLDER_IMAGE} alt={PLACEHOLDER_LABEL} />
      </div>
      <div className="ao-card-name">{PLACEHOLDER_LABEL}</div>
    </button>
  );
}