hanzo.ai/components/operator/models/ModelFooter.tsx

import React from "react";
import { Box } from '@/components/ui'
import { Words } from '@/components/marketing/band'

/** The link sits INSIDE a sentence, so it is not `More`: that role is set at
 *  `--text-sm` and would shrink one word out of the paragraph around it.
 *
 *  It has no hover: measured on the export, the ink is rgb(229,229,229)
 *  hovered and at rest. */
const ModelFooter = () => {
  return (
    <Box mt={48} $platform-web={{ textAlign: 'center' }}>
      <Words render="p" color="var(--muted-foreground)">
        Which model a provider offers changes; the container does not. The
        <Words render="a" href="https://docs.hanzo.ai" ml={4} color="var(--foreground)">
          documentation
        </Words> lists what each one currently accepts.
      </Words>
    </Box>
  );
};

export default ModelFooter;