{"size": 456, "ext": "js", "max_stars_repo_path": "src/components/shared/input/index.stories.js", "max_stars_repo_name": "orion-search/graphql-backend", "max_stars_repo_stars_event_min_datetime": "2020-07-23T11:05:09.000Z", "max_stars_repo_stars_event_max_datetime": "2022-01-14T03:00:10.000Z", "max_issues_repo_path": "src/components/shared/input/index.stories.js", "max_issues_repo_name": "orion-search/graphql-backend", "max_issues_repo_issues_event_min_datetime": "2020-02-06T14:16:54.000Z", "max_issues_repo_issues_event_max_datetime": "2020-08-29T15:39:05.000Z", "max_forks_repo_path": "src/components/shared/input/index.stories.js", "max_forks_repo_name": "orion-search/graphql-backend", "max_forks_repo_forks_event_min_datetime": "2021-09-22T08:01:32.000Z", "max_forks_repo_forks_event_max_datetime": "2021-09-22T08:01:32.000Z"}
{"max_stars_count": 6, "max_issues_count": 16, "max_forks_count": 1, "avg_line_length": 21.7142857143, "max_line_length": 60, "alphanum_fraction": 0.625}
import React, { useRef } from "react";
import { TextArea, SearchBar } from ".";
import { withKnobs, boolean } from "@storybook/addon-knobs";

export default {
  title: "Design System/Atoms/Text Input",
  component: TextArea,
  decorators: [withKnobs],
};

export const Search_Bar = () => {
  const ref = useRef(``);
  return (
    <SearchBar
      autoResize={boolean("Resize", true)}
      ref={ref}
      placeholder={"Type something..."}
    />
  );
};
