@kiwicom/smart-faq/src/shared/StaticFAQ/FAQExtraInfo/BoardingPassesInfo/BoardingPassesBoxWrapper.js

// @flow

import * as React from 'react';
import Text from '@kiwicom/nitro/lib/components/Text';
import Ticket from '@kiwicom/orbit-components/lib/icons/Ticket';
import Card, {
  CardHeader,
  CardSection,
} from '@kiwicom/orbit-components/lib/Card';

type Props = {|
  children: React.Node,
  showSubtitle?: boolean,
|};

const BoardingPassesBoxWrapper = ({ children, showSubtitle = true }: Props) => (
  <Card dataTest="boardingPassesBox-Card" spaceAfter="medium">
    <CardHeader
      title={
        <Text
          weight="bold"
          size="large"
          t="smartfaq.boarding_pass_info.title"
        />
      }
      subTitle={
        showSubtitle && (
          <Text
            element="span"
            type="attention"
            t="smartfaq.boarding_pass_info.subtitle"
          />
        )
      }
      icon={<Ticket />}
    />
    <CardSection>{children}</CardSection>
  </Card>
);

export default BoardingPassesBoxWrapper;