// Component.js

    class Demo extends React.Component {
      render() {
          const data = [
              { label: 'lorem' },
              { label: 'ipsum' }
          ];
        return (
          <div>
            <PreviewElements>
              <PreviewBlock header="Default autocomplete">

              {/* Default themed autocomplete */}
                <AutoComplete data={data} />
              
                </PreviewBlock>
              <PreviewBlock header="customized autocomplete">
                
              {/* Custom themed autocomplete, Refer theme.scss below */}
                <AutoComplete data={data} theme={componentTheme} />
              
                </PreviewBlock>
            </PreviewElements>
          </div>
        )
      }
    }
  
    // theme.scss

    :local(.autocomplete) {
      :local(.border-animation) {
        &::after {
            background-color: chartreuse !important;
        }
      }
    }
    
    :local(.autocomplete-list-item) {
      &:hover {
        background-color: rgba($color: chartreuse, $alpha: 0.2) !important;
      }
    }

    :local(.item-hover) {
      background-color: rgba($color: chartreuse, $alpha: 0.2) !important;
    }