<commit_before># Accessible tab component for React

Properly and efficiently handles clicks, keystrokes, and tabindexes.

No styles are included, but use the following for reference:

```scss
.wrapper-tabs {

  .tabs {

    .tab {

      &.is-selected {

      }
    }
  }

  .tabpanels {

    .tabpanel {

      &.is-selected {

      }
    }
  }
}
```
<commit_msg>Updating readme<commit_after># Accessible tab component for React

Properly and efficiently handles clicks, keystrokes, and tabindexes.

## Usage

```
import Tabs from './Tabs';

...

const tabContent = [
  {
    label: 'Some Component',
    content: <SomeComponent />
  },
  {
    label: 'Another Component',
    content: <AnotherComponent someProp={this.someFunc} />
  },
  {
    label: 'Third Tab',
    content: <ThirdComponent />
  }
];

...

render() {
  return (
    <Tabs data={tabContent} />
  )
}

```

## Styling

No styles are included, but use the following for reference:

```scss
.wrapper-tabs {

  .tabs {

    .tab {

      &.is-selected {

      }
    }
  }

  .tabpanels {

    .tabpanel {

      &.is-selected {

      }
    }
  }
}
```

{'fraction_non_alphanumeric': 0.13802315227070347, 'fraction_numerical': 0.0, 'mean_word_length': 2.1931818181818183, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4054309', 'n_tokens_mistral': 416, 'n_tokens_neox': 383, 'n_words': 93}