github.com/grafana/tanka@v0.26.1-0.20240506093700-c22cfc35c21a/docs/src/gatsby-theme-docz/components/Logo/index.js (about)

     1  import * as styles from "gatsby-theme-docz/src/components/Logo/styles"
     2  
     3  /** @jsx jsx */
     4  import { Flex, jsx } from "theme-ui"
     5  import { Link, useConfig } from "docz"
     6  import logo from '../../../../img/logo.svg'
     7  
     8  export const Logo = () => {
     9      const config = useConfig()
    10      return (
    11          <Flex alignItems="center" sx={styles.logo} data-testid="logo">
    12              <Link
    13                  to="/"
    14                  sx={{
    15                      ...styles.link,
    16                      display: "flex",
    17                      flexDirection: "column",
    18                      lineHeight: "1.2",
    19                  }}
    20              >
    21                  <div sx={{ display: 'inline-block' }}>
    22                      <img src={logo} alt="That's my logo" sx={{ maxHeight: "1.2em", marginRight: '0.2em', display: 'inline-block', float: 'left' }} />
    23                      <span sx={{ display: 'inline-block' }}>Grafana Tanka</span>
    24                      <span sx={{ fontSize: "0.7em", display: 'block' }}>{config.description}</span>
    25                  </div>
    26              </Link>
    27          </Flex>
    28      )
    29  }