One line signature

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

export default function SignatureOneLine(props: SignatureProps) {
  const { person: p, brand: b } = resolve(props);
  const dot = <span style={{ color: "#C3C7CE" }}>&nbsp;·&nbsp;</span>;
  return (
    <T style={{ fontFamily: sans }}>
      <tr>
        <td style={{ paddingTop: 8, fontSize: 13, lineHeight: "20px", color: "#5B616B" }}>
          <strong style={{ color: "#111418", fontWeight: 600 }}>{p.name}</strong>
          {dot}
          {p.role}
          {dot}
          <a href={b.url} style={{ color: b.primary, textDecoration: "none" }}>{b.name}</a>
          {dot}
          <a href={`mailto:${p.email}`} style={{ color: "#5B616B", textDecoration: "none" }}>{p.email}</a>
        </td>
      </tr>
    </T>
  );
}