Stacked logo signature

import * as React from "react";
import { domain, resolve, sans, T, type SignatureProps } from "./_person";

export default function SignatureStackedLogo(props: SignatureProps) {
  const { person: p, brand: b } = resolve(props);
  return (
    <T style={{ fontFamily: sans }}>
      <tr>
        <td style={{ paddingBottom: 12 }}>
          <img src={b.logoUrl} width={b.logoWidth * 0.85} height={b.logoHeight * 0.85} alt={b.name} style={{ display: "block", border: 0 }} />
        </td>
      </tr>
      <tr>
        <td style={{ borderTop: "1px solid #E4E6EA", paddingTop: 12, fontSize: 14, lineHeight: "20px", fontWeight: 600, color: "#111418" }}>{p.name}</td>
      </tr>
      <tr>
        <td style={{ fontSize: 13, lineHeight: "19px", color: "#5B616B" }}>{p.role}</td>
      </tr>
      <tr>
        <td style={{ paddingTop: 8, fontSize: 12, lineHeight: "18px", color: "#5B616B" }}>
          <a href={`mailto:${p.email}`} style={{ color: "#5B616B", textDecoration: "none" }}>{p.email}</a>
          {p.phone ? <>&nbsp;&nbsp;·&nbsp;&nbsp;{p.phone}</> : null}