export default function ServerCard({ server, model, cpu, gpu, ram, os }) {
  return (
    <div className="p-2 space-y-1 w-full inline-flow text-left ring-4 ring-ada-werefox-cyan-darkest dark:ring-ada-werefox-cyan bg-alice-werefox-grey-lightest dark:bg-alice-werefox-grey-darker text-lg text-ada-werefox-cyan-dark dark:text-ada-werefox-cyan-light">
      <p>
        <code>{`System: ${server}`}</code>
      </p>
      <p>
        <code>{`Model: ${model}`}</code>
      </p>
      <p>
        <code>{`CPU: ${cpu}`}</code>
      </p>
      <p>
        <code>{`GPU: ${gpu}`}</code>
      </p>
      <p>
        <code>{`RAM: ${ram}`}</code>
      </p>
      <p>
        <code>{`OS: ${os}`}</code>
      </p>
    </div>
  );
}