{"size": 974, "ext": "js", "max_stars_repo_path": "src/components/section-header/section-header.js", "max_stars_repo_name": "Amiinoz/work", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/section-header/section-header.js", "max_issues_repo_name": "Amiinoz/work", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/section-header/section-header.js", "max_forks_repo_name": "Amiinoz/work", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.1904761905, "max_line_length": 76, "alphanum_fraction": 0.5143737166}
import React from 'react';

import '../../styles/components/section-header.scss';

export default function SectionHeader({ title, subtitle, heading, intro }) {
  return (
    <div className="section-header" data-scroll-section>
      <div
        className="header__content"
        data-scroll
        data-scroll-delay="0.02"
        data-scroll-speed="0.5"
      >
        <a
          className="header__content-title"
          data-scroll
          data-scroll-delay="0.04"
          data-scroll-speed="0.5"
        >
          {title}
        </a>
        <h2
          className="header__content-subtitle"
          data-scroll
          data-scroll-delay="0.06"
          data-scroll-speed="0.5"
        >
          {subtitle}
        </h2>
        <h3
          className="header__content-heading"
          data-scroll
          data-scroll-delay="0.07"
          data-scroll-speed="0.5"
        >
          {heading}
        </h3>
      </div>
    </div>
  );
}
