{"size": 903, "ext": "js", "max_stars_repo_path": "src/components/Header/Header.stories.js", "max_stars_repo_name": "scorelab/WebiU", "max_stars_repo_stars_event_min_datetime": "2020-05-06T12:51:03.000Z", "max_stars_repo_stars_event_max_datetime": "2022-01-30T06:47:31.000Z", "max_issues_repo_path": "src/components/Header/Header.stories.js", "max_issues_repo_name": "Janvi-Thakkar/Webiu", "max_issues_repo_issues_event_min_datetime": "2020-05-28T08:36:14.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-12T11:04:42.000Z", "max_forks_repo_path": "src/components/Header/Header.stories.js", "max_forks_repo_name": "Janvi-Thakkar/Webiu", "max_forks_repo_forks_event_min_datetime": "2020-06-10T03:40:04.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-16T00:42:10.000Z"}
{"max_stars_count": 24, "max_issues_count": 191, "max_forks_count": 64, "avg_line_length": 29.1290322581, "max_line_length": 212, "alphanum_fraction": 0.6600221484}
import React from 'react';

import { Header } from './index';

import 'bootstrap/dist/css/bootstrap.css';

export default {
  title: 'Home/Header',
  component: Header,
  argTypes: {
     mainText: {control: 'text'},
     subText: {control: 'text'},
     icon: {control: 'text'},
     buttonText: {control: 'text'},
     buttonLink: {control: 'text'},
     image: {control: 'text'},
     small: {control: 'boolean'},
     backgroundColor: {control: 'text'}
  }
};

export const header = (args) => <Header {...args} />

header.args = {
   mainText: "WELCOME TO SCoRe LAB",
   subText: "The SCoRe Lab has conducted research covering various aspects of sensor networks, embeded systems, digital forensic, information security, mobile applications, cloud, blockchain and software tools.",
   buttonText: "Explore",
   buttonLink: "#",
   small: false,
   image: "https://scorelab.org/images/community.png"
}