<script>
import { h, PluginPosition } from "gridjs";
import Grid from "gridjs-svelte";
import { SvelteWrapper } from "gridjs-svelte/plugins";
import EyeColor from './EyeColor.svelte'
// https://gridjs.io/docs/plugins/basics
const headingPlugin = {
id: "heading",
position: PluginPosition.Header,
component: () => {
// https://preactjs.com/guide/v10/api-reference#h--createelement
return h(
"h1",
{
tyle: { width: "100%" }
},
"Star Wars Peoples"
)
},
};
// https://gridjs.io/docs/config/className
const className = {
error: "error",
};
// https://gridjs.io/docs/config/style
const style = {
table: {
width: "100%",
},
header: {
display: "flex",
alignItems: "center",
flexDirection: "row-reverse",