import { Grid, GridHeader, GridHeaderCell, GridHeaderTable, GridContainer, GridContent, GridTable, GridPager } from "../";
import { TableThead, TableTbody, TableRow, TableTd } from "../../table";
import { Button } from "../../button";
import { ActionSheetNormal, ActionSheetHeader, ActionSheetFooter, ActionSheetView } from "../../action-sheet";
import { ButtonGroup } from "../../button-group";
import { ColumnMenuNormal, ColumnMenuItemWrapper, ColumnMenuItem, ColumnMenuExpander, FilterMenu, ColumnList, ColumnListItem } from "../../column-menu";
import { DropdownList } from "../../dropdownlist";
import { NumericTextbox } from "../../numerictextbox";
const styles = `
#test-area {
max-width: 780px;
--kendo-actionsheet-height: 400px;
--kendo-actionsheet-max-height: 400px;
}
#test-area > section {
height: 600px;
outline: 1px dotted;
overflow: hidden;
position: relative;
transform: translateZ(0);
}
`;
export default () => (
<>
resolutions <= 500
}
children={
<>
Value 1
Value 1
Value 1
Value 1
Value 2
Value 2
Value 2
Value 2
Value 3
Value 3
Value 3
Value 3
}
>
}
children={
<>
Value 1
Value 1
Value 1
Value 1
Value 2
Value 2
Value 2
Value 2
Value 3
Value 3
Value 3
Value 3
}
>
} title="Column Menu" />
}>
} actionsEnd={} title="Filter by Header Name 1" />
}
footer={
}>
}
>
}
children={
<>
Value 1
Value 1
Value 1
Value 1
Value 2
Value 2
Value 2
Value 2
Value 3
Value 3
Value 3
Value 3
}
>
} title="Column Menu" />
}>
} actionsEnd={} title="Filter by Header Name 1" />
}
footer={
}>
}
>
}
children={
<>
Value 1
Value 1
Value 1
Value 1
Value 2
Value 2
Value 2
Value 2
Value 3
Value 3
Value 3
Value 3
}
>
} title="Column Menu" />
}>
} actionsEnd={} title="Column chooser" subtitle="Selected fields are visible" />
}
footer={
}>
}
>
);