// In place of the upstream's CardFace (src/build swaps it in for the upstream's hand cards): 无名杀's card, filling the
// box the upstream gives it.
import { cardClass, CardInner } from './Card';

export type CardFaceSize = 'normal' | 'large' | 'small';

export function CardFace({ name, suit, rank, size = 'normal', damageType }: { name: string; suit?: string; rank?: string; size?: CardFaceSize; damageType?: string }) {
  return (
    <div className={cardClass({ name, suit, damageType }, `nm-card-fill ${size}`)}>
      <CardInner name={name} suit={suit} rank={rank} damageType={damageType} />
    </div>
  );
}