{"size": 1688, "ext": "js", "max_stars_repo_path": "src/example-pages/UtilitiesHelpers/index.js", "max_stars_repo_name": "dev0088/carolina-admin-dashboard-pro", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/example-pages/UtilitiesHelpers/index.js", "max_issues_repo_name": "dev0088/carolina-admin-dashboard-pro", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/example-pages/UtilitiesHelpers/index.js", "max_forks_repo_name": "dev0088/carolina-admin-dashboard-pro", "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": 42.2, "max_line_length": 128, "alphanum_fraction": 0.7553317536}
import React, { Fragment } from 'react';

import { PageTitle } from '../../layout-components';

import { ExampleWrapperSimple } from '../../layout-components';

import UtilitiesHelpersPrimaryColors from '../../example-components/UtilitiesHelpers/UtilitiesHelpersPrimaryColors';
import UtilitiesHelpersNeutralColors from '../../example-components/UtilitiesHelpers/UtilitiesHelpersNeutralColors';
import UtilitiesHelpersGradients from '../../example-components/UtilitiesHelpers/UtilitiesHelpersGradients';
import UtilitiesHelpersBrandColors from '../../example-components/UtilitiesHelpers/UtilitiesHelpersBrandColors';
import UtilitiesHelpersComposedBackgrounds from '../../example-components/UtilitiesHelpers/UtilitiesHelpersComposedBackgrounds';
export default function UtilitiesHelpers() {
  return (
    <Fragment>
      <PageTitle
        titleHeading="Utilities &amp; Helpers"
        titleDescription="These are helpers that speed up the dev time for various components and effects."
      />

      <ExampleWrapperSimple sectionHeading="Brand colors">
        <UtilitiesHelpersBrandColors />
      </ExampleWrapperSimple>

      <ExampleWrapperSimple sectionHeading="Composed backgrounds">
        <UtilitiesHelpersComposedBackgrounds />
      </ExampleWrapperSimple>
      <ExampleWrapperSimple sectionHeading="Gradients">
        <UtilitiesHelpersGradients />
      </ExampleWrapperSimple>

      <ExampleWrapperSimple sectionHeading="Neutral colors">
        <UtilitiesHelpersNeutralColors />
      </ExampleWrapperSimple>
      <ExampleWrapperSimple sectionHeading="Primary colors">
        <UtilitiesHelpersPrimaryColors />
      </ExampleWrapperSimple>
    </Fragment>
  );
}
