import { cartClass, getConfig, text } from "../lib/config";

/** "You're viewing a shared comparison" with a link to the shopper's own. */
export function SharedNotice() {
  const { compare_url: page } = getConfig();

  return (
    <p className="pcfw-shared">
      {text("sharedNotice", "You're viewing a shared comparison.")}{" "}
      {page && <a href={page}>{text("myComparison", "See my comparison")}</a>}
    </p>
  );
}

/** A share link whose products are gone (or an unknown code). */
export function SharedExpired() {
  const { shop_url: shop } = getConfig();

  return (
    <div className="pcfw-table-state is-empty">
      <p className="pcfw-table-state__title">
        {text("sharedExpired", "This comparison link has expired.")}
      </p>
      {shop && (
        <a className={cartClass()} href={shop}>
          {text("browse", "Browse products")}
        </a>
      )}
    </div>
  );
}