ProductDetailCard

import * as React from 'react';
import { Icon, Text } from 'telia-front-react';

interface ProductDetailCardProps {
  icon?: string;
  title?: string;
  children?: React.ReactChild | React.ReactChild[];
}

export default class ProductDetailCard extends React.Component<ProductDetailCardProps, {}> {
  render() {
    const { icon, title, children } = this.props;

    return (
      <Text className="text-center">
        {icon ? <Icon modifiers={icon} size="xxl" /> : null}
        {title ? <p className="text__margin">{title}</p> : null}
        <React.Fragment>{children}</React.Fragment>
      </Text>
    );
  }
}