// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<Main /> spec renders the component 1`] = `
<div
class="euiPage euiPage--paddingMedium euiPage--grow"
>
<div
class="euiPageSideBar"
style="min-width: 155px;"
>
<nav
class="euiSideNav"
style="width: 155px;"
>
<div
class="euiSideNav__content euiSideNav__contentMobile-xs euiSideNav__contentMobile-s"
id="random_html_id"
>
<div
class="euiSideNavItem euiSideNavItem--root euiSideNavItem--hasChildItems"
>
<a
class="euiSideNavItemButton euiSideNavItemButton--isClickable"
href="#/channels"
rel="noreferrer"
>
<span
class="euiSideNavItemButton__content"
>
<span
class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
title="Notifications"
>
Notifications
</span>
</span>
</a>
<div
class="euiSideNavItem__items"
>
<div
class="euiSideNavItem euiSideNavItem--trunk"
>
<a
class="euiSideNavItemButton euiSideNavItemButton--isClickable"
href="#/channels"
rel="noreferrer"
>
<span
class="euiSideNavItemButton__content"
>
<span
class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
title="Channels"
>
Channels
</span>
</span>
</a>
</div>
<div
class="euiSideNavItem euiSideNavItem--trunk"
>
<a
class="euiSideNavItemButton euiSideNavItemButton--isClickable"
href="#/email-senders"
rel="noreferrer"
>
<span
class="euiSideNavItemButton__content"
>
<span
class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
title="Email senders"
>
Email senders
</span>
</span>
</a>
</div>
<div
class="euiSideNavItem euiSideNavItem--trunk"
>
<a
class="euiSideNavItemButton euiSideNavItemButton--isClickable"
href="#/email-recipient-groups"
rel="noreferrer"
>
<span
class="euiSideNavItemButton__content"
>
<span
class="euiSideNavItemButton__label euiSideNavItemButton__label--truncated"
title="Email recipient groups"
>
Email recipient groups
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</nav>
</div>
<div
class="euiPageBody euiPageBody--borderRadiusNone"
>
<div
class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
style="padding: 0px 0px;"
>
<div
class="euiFlexItem"
>
<h3
class="euiTitle euiTitle--medium"
>
Channels
<span
style="color: rgb(159, 159, 159); font-weight: 300;"
>
(0)
</span>
</h3>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
class="euiPopover euiPopover--anchorDownCenter"
>
<div
class="euiPopover__anchor"
>
<button
class="euiButton euiButton--primary euiButton-isDisabled"
disabled=""
type="button"
>
<span
class="euiButtonContent euiButtonContent--iconRight euiButton__content"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
/>
<span
class="euiButton__text"
>
Actions
</span>
</span>
</button>
</div>
</div>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<a
class="euiButton euiButton--primary euiButton--fill"
href="#/create-channel"
rel="noreferrer"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Create channel
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<hr
class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
/>
<div
style="padding: initial;"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem"
>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth"
>
<div
class="euiFormControlLayout__childrenWrapper"
>
<input
class="euiFieldSearch euiFieldSearch--fullWidth"
placeholder="Search"
type="search"
/>
<div
class="euiFormControlLayoutIcons"
>
<span
class="euiFormControlLayoutCustomIcon"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
/>
</span>
</div>
</div>
</div>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
class="euiFilterGroup"
>
<div
class="euiPopover euiPopover--anchorDownCenter"
>
<div
class="euiPopover__anchor"
>
<button
class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton--hasIcon euiFilterButton--noGrow"
type="button"
>
<span
class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
/>
<span
class="euiButtonEmpty__text"
>
<span
class="euiFilterButton__textShift"
data-text="Status"
title="Status"
>
Status
</span>
</span>
</span>
</button>
</div>
</div>
<div
class="euiPopover euiPopover--anchorDownCenter"
>
<div
class="euiPopover__anchor"
>
<button
class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton--hasIcon euiFilterButton--noGrow"
type="button"
>
<span
class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
/>
<span
class="euiButtonEmpty__text"
>
<span
class="euiFilterButton__textShift"
data-text="Type"
title="Type"
>
Type
</span>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
<hr
class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
/>
<div
class="euiBasicTable euiBasicTable-loading"
>
<div>
<div
class="euiTableHeaderMobile"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
class="euiCheckbox"
>
<input
aria-label="Select all rows"
class="euiCheckbox__input"
disabled=""
id="_selection_column-checkbox_random_html_id"
type="checkbox"
/>
<div
class="euiCheckbox__square"
/>
<label
class="euiCheckbox__label"
for="_selection_column-checkbox_random_html_id"
>
Select all rows
</label>
</div>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
class="euiTableSortMobile"
>
<div
class="euiPopover euiPopover--anchorDownRight"
>
<div
class="euiPopover__anchor"
>
<button
class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--flushRight"
type="button"
>
<span
class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--small euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
/>
<span
class="euiButtonEmpty__text"
>
Sorting
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<table
class="euiTable euiTable--responsive euiTable--auto"
id="random_html_id"
tabindex="-1"
>
<caption
class="euiScreenReaderOnly euiTableCaption"
/>
<thead>
<tr>
<th
class="euiTableHeaderCellCheckbox"
scope="col"
>
<div
class="euiTableCellContent"
>
<div
class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
>
<input
aria-label="Select all rows"
class="euiCheckbox__input"
data-test-subj="checkboxSelectAll"
disabled=""
id="_selection_column-checkbox_random_html_id"
type="checkbox"
/>
<div
class="euiCheckbox__square"
/>
</div>
</div>
</th>
<th
aria-live="polite"
aria-sort="ascending"
class="euiTableHeaderCell"
data-test-subj="tableHeaderCell_name_0"
role="columnheader"
scope="col"
>
<button
class="euiTableHeaderButton euiTableHeaderButton-isSorted"
data-test-subj="tableHeaderSortButton"
type="button"
>
<span
class="euiTableCellContent"
>
<span
class="euiTableCellContent__text"
title="Name"
>
Name
</span>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon-isLoading euiTableSortIcon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
/>
</span>
</button>
</th>
<th
aria-live="polite"
aria-sort="none"
class="euiTableHeaderCell"
data-test-subj="tableHeaderCell_is_enabled_1"
role="columnheader"
scope="col"
>
<button
class="euiTableHeaderButton"
data-test-subj="tableHeaderSortButton"
type="button"
>
<span
class="euiTableCellContent"
>
<span
class="euiTableCellContent__text"
title="Notification status"
>
Notification status
</span>
</span>
</button>
</th>
<th
aria-live="polite"
aria-sort="none"
class="euiTableHeaderCell"
data-test-subj="tableHeaderCell_config_type_2"
role="columnheader"
scope="col"
>
<button
class="euiTableHeaderButton"
data-test-subj="tableHeaderSortButton"
type="button"
>
<span
class="euiTableCellContent"
>
<span
class="euiTableCellContent__text"
title="Type"
>
Type
</span>
</span>
</button>
</th>
<th
aria-live="polite"
aria-sort="none"
class="euiTableHeaderCell"
data-test-subj="tableHeaderCell_description_3"
role="columnheader"
scope="col"
>
<button
class="euiTableHeaderButton"
data-test-subj="tableHeaderSortButton"
type="button"
>
<span
class="euiTableCellContent"
>
<span
class="euiTableCellContent__text"
title="Description"
>
Description
</span>
</span>
</button>
</th>
</tr>
</thead>
<tbody>
<tr
class="euiTableRow"
>
<td
class="euiTableRowCell euiTableRowCell--isMobileFullWidth"
colspan="5"
>
<div
class="euiTableCellContent euiTableCellContent--alignCenter"
>
<span
class="euiTableCellContent__text"
>
<div
class="euiEmptyPrompt"
>
<h2
class="euiTitle euiTitle--medium"
>
No channels to display
</h2>
<span
class="euiTextColor euiTextColor--subdued"
>
<div
class="euiSpacer euiSpacer--m"
/>
<div
class="euiText euiText--medium"
>
To send or receive notifications, you will need to create a notification channel.
</div>
</span>
<div
class="euiSpacer euiSpacer--l"
/>
<a
class="euiButton euiButton--primary"
href="#/create-channel"
rel="noreferrer"
>
<span
class="euiButtonContent euiButton__content"
>
<span
class="euiButton__text"
>
Create channel
</span>
</span>
</a>
</div>
</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
`;