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

import DefaultActionHeader from './example/DefaultActionHeader?dev-site-example';
import BackActionHeader from './example/BackActionHeader?dev-site-example';
import BackCloseActionHeader from './example/BackCloseActionHeader?dev-site-example';
import CloseActionHeader from './example/CloseActionHeader?dev-site-example';
import MaximizeCloseActionHeader from './example/MaximizeCloseActionHeader?dev-site-example';
import MinimizeCustomButtonActionHeader from './example/MinimizeCustomButtonActionHeader?dev-site-example';
import BackPreviousNextCloseActionHeader from './example/BackPreviousNextCloseActionHeader?dev-site-example';
import LongWrappingTextHeader from './example/LongWrappingTextHeader?dev-site-example';

import ActionHeaderPropsTable from 'terra-action-header/lib/ActionHeader?dev-site-props-table';

<Badge />

# Terra Action Header

The terra-action-header component is a header bar containing a title and optional actionable items such as links and buttons.

## Getting Started

- Install with [npmjs](https://www.npmjs.com):
  - `npm install terra-action-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 |
| react-intl | ^2.8.0 |

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

## Implementation Notes:
The Action-Header component must be composed inside the [Base][1] component with a locale in order for it to load the correct translation strings.

[1]: https://github.com/cerner/terra-core/tree/main/packages/terra-base/src/terra-dev-site/doc/base/Base.1.doc.mdx

## Usage

```jsx
import ActionHeader from 'terra-action-header';
```

## Component Features

* [Cross-Browser Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support)
* [Responsive Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support)
* [Mobile Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support)
* [Internationalization Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n)
* [Localization Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n)
* [LTR/RTL Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl)

## Examples
<DefaultActionHeader />
<BackActionHeader />
<CloseActionHeader />
<BackCloseActionHeader />
<BackPreviousNextCloseActionHeader />
<MaximizeCloseActionHeader />
<MinimizeCustomButtonActionHeader />
<LongWrappingTextHeader />

## Action Header Props

<ActionHeaderPropsTable />