github.com/kubeshop/testkube@v1.17.23/docs/src/components/Card/index.tsx (about)

     1  import React from "react";
     2  import Link from "@docusaurus/Link";
     3  import { useHotkeys } from "react-hotkeys-hook";
     4  import useBaseUrl from "@docusaurus/useBaseUrl";
     5  
     6  export default function Card({ children, title, hotkey, color, link }) {
     7    const redirectLink = useBaseUrl(link);
     8    hotkey &&
     9      useHotkeys(`shift+${hotkey}`, () => window.location.assign(redirectLink));
    10    return (
    11      <Link className="card category__card" to={link}>
    12        <h2
    13          className="text--truncate cardTitle_node_modules-@docusaurus-theme-classic-lib-theme-DocCard-styles-module"
    14          title={title}
    15        >
    16          <div
    17            style={{
    18              padding: "8px 10px 8px 10px",
    19              borderRadius: 4,
    20              fontSize: "0.6rem",
    21              border: `1px solid ${color}`,
    22              color: color,
    23              display: "inline-block",
    24              marginRight: 12,
    25            }}
    26          >
    27            {hotkey}
    28          </div>
    29          <div>{title}</div>
    30        </h2>
    31        <p className=" cardDescription_node_modules-@docusaurus-theme-classic-lib-theme-DocCard-styles-module">
    32          {children}
    33        </p>
    34      </Link>
    35    );
    36  }