text: /*
  Copyright (c) Uber Technologies, Inc.
  
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
  */
  // @flow
  
  import React from 'react';
  
  import {StatefulInput} from '../index.js';
  
  export default function Scenario() {
    return (
      <>
        <StatefulInput clearable initialState={{value: 'Some'}} size="compact" />
        <br />
        <StatefulInput
          clearable
          initialState={{value: 'Thing'}}
          overrides={{
            Input: {
              props: {'data-e2e': 'input'},
            },
            ClearIcon: {
              props: {'data-e2e': 'clear-icon'},
            },
          }}
        />
        <br />
        <StatefulInput
          clearable
          initialState={{value: 'Or other'}}
          overrides={{
            Input: {
              props: {'data-e2e': 'last-input'},
            },
          }}
          size="large"
        />
        <br />
        <p>renders clearable if initial value is number type</p>
        <StatefulInput clearable initialState={{value: 5}} type="number" />
      </>
    );
  }
  