Banner Banner.tsx

100% Statements 1/1

100% Branches 0/0

100% Functions 1/1

100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27  
 
 
 
 
 
 
 
 
 
32x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { ReactNode, RefObject } from "react";
import { Strip, Row, Col } from "@canonical/react-components";
import { SearchInput } from "../SearchInput";
 
type Props = {
  searchRef: RefObject<HTMLInputElement>;
  searchSummaryRef?: RefObject<HTMLDivElement>;
};
 
function Banner({ searchRef, searchSummaryRef }: Props): ReactNode {
  return (
    <Strip type="dark">
      <Row>
        <Col size={6} className="col-start-large-4">
          <h1 className="p-heading--2">The app store for Linux</h1>
          <SearchInput
            searchRef={searchRef}
            searchSummaryRef={searchSummaryRef}
          />
        </Col>
      </Row>
    </Strip>
  );
}
 
export default Banner;