import { Badge } from 'terra-section-header/package.json?dev-site-package';

import DefaultSectionHeader from './example/DefaultSectionHeader?dev-site-example';
import LongTitleSectionHeader from './example/LongTitleSectionHeader?dev-site-example';
import LongTitleAccordionSectionHeader from './example/LongTitleAccordionSectionHeader?dev-site-example';
import ClosedSectionHeader from './example/ClosedSectionHeader?dev-site-example';
import OpenSectionHeader from './example/OpenSectionHeader?dev-site-example';
import OnClickSectionHeader from './example/OnClickSectionHeader?dev-site-example';
import AccordionSectionHeader from './example/AccordionSectionHeader?dev-site-example';
import TransparentSectionHeader from './example/TransparentSectionHeader?dev-site-example';
import FocusSectionHeader from './example/FocusSectionHeader?dev-site-example';

import SectionHeaderPropsTable from 'terra-section-header/lib/SectionHeader?dev-site-props-table';

<Badge />

# Terra Section Header

Section Header presentational component that provides an onClick callback.

## Getting Started

- Install with [npmjs](https://www.npmjs.com):
  - `npm install terra-section-header`

<!-- AUTO-GENERATED-CONTENT:START Peer Dependencies -->
## Peer Dependencies

This component requires the following peer dependencies be installed in your app for the component to properly function.

| Peer Dependency | Version |
|-|-|
| react | ^16.8.5 |
| react-dom | ^16.8.5 |

<!-- AUTO-GENERATED-CONTENT:END -->

## Usage

```jsx
import SectionHeader from 'terra-section-header';
```

## Component Features

 * [Cross-Browser Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support)
 * [LTR/RTL Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl)

## Examples
<DefaultSectionHeader />
<LongTitleSectionHeader />
<LongTitleAccordionSectionHeader />
<ClosedSectionHeader />
<OpenSectionHeader />
<OnClickSectionHeader />
<AccordionSectionHeader />
<TransparentSectionHeader />
<FocusSectionHeader />

## Section Header Props
<SectionHeaderPropsTable />