All files / src/components/PCNSearch/PCNSearchHeader PCNSearchHeader.tsx

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
28
29
30
31
32
33
34
35
36
37
38
4x
 
 
 
 
 
 
 
4x
 
2x
2x
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
import {
  Flex,
  Title,
  spacing,
  colors,
  useI18nContext,
  Link,
} from '@procore/core-react';
 
export function PCNSearchHeader() {
  const i18n = useI18nContext();
  return (
    <Flex direction="column" justifyContent="space-between" marginBottom="md">
      <Title>
        <Title.Subtext style={{ color: colors.black }}>
          {i18n.t('views.generic.directory.add_company_package.search_info')}
          <Link
            href="https://support.procore.com/faq/what-is-the-procore-construction-network"
            data-pendo="new-add-company-learn-more-about-pcn-link"
            style={{
              textDecoration: 'none',
              paddingLeft: spacing.xs,
              marginBottom: spacing.xs,
            }}
            target="_blank"
          >
            {i18n.t(
              'views.generic.directory.add_company_package.result_description_link'
            )}
          </Link>
          <br />
        </Title.Subtext>
      </Title>
    </Flex>
  );
}