import { jsx as _jsx } from "react/jsx-runtime";
import { twMerge } from "tailwind-merge";
import { mergeClassNameProps } from "../../utils/mergeClassNameProps.js";
import { PowerhouseButton, } from "../button/button.js";
export const PaginationButton = ({ active = false, ...props }) => {
    const className = twMerge("h-8 min-w-8 border border-solid border-gray-300 bg-white px-3 py-1 text-xs text-gray-900 hover:bg-gray-100", !active && "border-0");
    return (_jsx(PowerhouseButton, { color: "light", size: "small", ...mergeClassNameProps(props, className), children: props.children }));
};
//# sourceMappingURL=pagination-button.js.map