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  
 
 
 
 
 
 
 
 
5x
 
 
 
 
 
 
 
 
 
 
 
 
  import { RefObject } from "react";
import { Strip, Row, Col } from "@canonical/react-components";
import { SearchInput } from "../SearchInput";
 
type Props = {
  searchRef: RefObject<HTMLInputElement>;
};
 
function Banner({ searchRef }: Props) {
  return (
    <Strip type="dark">
      <Row>
        <Col size={6} className="col-start-large-4">
          <h1 className="p-heading--2">The Charm Collection</h1>
          <SearchInput searchRef={searchRef} />
        </Col>
      </Row>
    </Strip>
  );
}
 
export default Banner;