Founder signature

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

export default function SignatureFounder(props: SignatureProps) {
  const { person: p, brand: b } = resolve(props);
  return (
    <T style={{ fontFamily: sans }}>
      <tr>
        <td style={{ width: 64, paddingRight: 14, verticalAlign: "top", paddingTop: 2 }}>
          <img src={p.photoUrl} width={56} height={56} alt={p.name} style={{ display: "block", width: 56, height: 56, borderRadius: 28, border: 0 }} />
        </td>
        <td style={{ verticalAlign: "top" }}>
          <T>
            <tr>
              <td style={{ fontSize: 15, lineHeight: "21px", fontWeight: 600, color: "#111418" }}>
                {p.name}
                {p.pronouns ? <span style={{ fontWeight: 400, color: "#8A9099", fontSize: 12 }}>&nbsp;&nbsp;{p.pronouns}</span> : null}
              </td>
            </tr>
            <tr>
              <td style={{ fontSize: 13, lineHeight: "19px", color: "#5B616B" }}>
                {p.role} · <a href={b.url} style={{ color: "#5B616B", textDecoration: "none" }}>{b.name}</a>