import * as React from "react";

interface IProps {
    title: string;
    homeLink: React.ReactElement<any>;
    subLink: React.ReactElement<any>;
    subTitle: string;
}

export class Breadcrumb extends React.Component<IProps> {
  public render(): JSX.Element {
    return (
        <div className="inner_banner afclr">
            <div className="container">
                <h1>{this.props.title}</h1>
                <div className="breadcums afclr">
                    {this.props.homeLink}
                    {this.props.homeLink ? <span>></span> : null}
                    {this.props.subLink}
                    {this.props.subLink ? <span>></span> : null}
                    {this.props.subTitle}
                </div>
            </div>
        </div>
    );
  }
}