import classNames from "clsx";
import { useTheme } from "../Flowbite/ThemeContext";
import { createMemo, splitProps } from "solid-js";
const PaginationButton = (p) => {
    const [local, props] = splitProps(p, ["class", "children", "onClick", "active"]);
    const theme = createMemo(() => useTheme().theme.pagination);
    return (<button class={classNames({
            [theme().pages.selector.active]: local.active,
        }, local.class)} onClick={local.onClick} {...props}>
      {local.children}
    </button>);
};
export default PaginationButton;