import type { RedditAccountOwner } from '../../../../packages/api-contracts/src/index.js';
import { RedditUsernameLink } from './reddit-username-link.js';

export function AccountOwnerBadge({ owner }: { owner?: RedditAccountOwner }) {
  return (
    <span className={owner ? 'account-owner-badge' : 'account-owner-badge is-unassigned'}>
      <span aria-hidden="true">Account</span>
      {owner ? <RedditUsernameLink username={owner.redditUsername} /> : <strong>Unassigned legacy content</strong>}
    </span>
  );
}