<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">

</svelte:head>

<script>

import { Table } from '@hurtigruten/svelte-table';

import EmptyTable from './EmptyTable.svelte';

import GenderCell from './GenderCell.svelte';

import HeightCell from './HeightCell.svelte';

import MassCell from './MassCell.svelte';

import ExpandedRow from './Expanded.svelte';

const BASE_URL = 'https://swapi.dev/api/people/'

let rowsPerPage = 10;

let totalItems = 0;

let currentPage = 1;

let errorMessage = null;

let rows = [];

const columns = [

{

title: 'Name',

content: row => row.name,

},

{

title: 'Gender',

content: row => row.gender

},

{

title: 'Height',

content: row => row.height

},

{

title: 'Mass',

content: row => row.mass

},