import { Notice } from "@cerner/terra-docs";
import { Badge } from 'terra-html-table/package.json?dev-site-package';

import DefaultTable from './example/DefaultTable?dev-site-example';
import NoStripedTable from './example/NoStripedTable?dev-site-example';
import CompactPaddingTable from './example/CompactPaddingTable?dev-site-example';
import StandardPaddingTable from './example/StandardPaddingTable?dev-site-example';
import TableWithLongContent from './example/TableWithLongContent?dev-site-example';
import TableWithCustomCells from './example/TableWithCustomCells?dev-site-example';
import RowHeaderTable from './example/RowHeaderTable?dev-site-example';

import TablePropsTable from 'terra-html-table/lib/Table?dev-site-props-table';
import TableHeaderPropsTable from 'terra-html-table/lib/TableHeader?dev-site-props-table';
import TableHeaderCellPropsTable from 'terra-html-table/lib/TableHeaderCell?dev-site-props-table';
import TableRowPropsTable from 'terra-html-table/lib/TableRow?dev-site-props-table';
import TableCellPropsTable from 'terra-html-table/lib/TableCell?dev-site-props-table';

<Badge />

[![Deprecated](https://badgen.net/badge/status/Deprecated/grey)](https://github.com/cerner/terra-core/tree/main/packages/terra-html-table#readme)

# Terra HTML Table

<Notice variant="deprecation">

`terra-html-table` is no longer supported. If you are using `terra-html-table`, consider replacing it with `terra-table`.

</Notice>

The Terra HTML Table is a component for creating read-only, non-responsive, standard semantic tables. If an interactive table is required, please refer to the terra-table.

## Getting Started

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

<!-- 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 Table, {
  Header,
  HeaderCell,
  Body,
  Cell,
  Row,
} from 'terra-html-table';
```

## Component Features

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

## Examples
<DefaultTable />
<NoStripedTable title="Table without zebra stripes" />
<CompactPaddingTable title="Table with compact padding" />
<StandardPaddingTable title="Table with standard padding" />
<TableWithLongContent title="Table with long content" />
<TableWithCustomCells title="Table with custom cells" />
<RowHeaderTable title="Table with row header"/>

## Table Props
<TablePropsTable />

## Table Header Props
<TableHeaderPropsTable />

## Table Header Cell Props
<TableHeaderCellPropsTable />

## Table Row Props
<TableRowPropsTable />

## Table Cell Props
<TableCellPropsTable />