import React from "react";
import { Search } from "../../";

export default (
  <div className="m-5">
    <div className="my-5">
      <Search
        onChange={value => {
          console.log(value);
        }}
        ariaLabel="Products Search"
        placeholder="Search by keyword"
        size="sm"
      />
    </div>
    <div className="my-5">
      <Search
        onChange={value => {
          console.log(value);
        }}
        ariaLabel="Products Search"
        placeholder="Search by keyword"
      />
    </div>
    <div className="my-5">
      <Search
        onChange={value => {
          console.log(value);
        }}
        ariaLabel="Products Search"
        placeholder="Search by keyword"
        size="lg"
      />
    </div>
  </div>
);