Skip to content
Snippets Groups Projects
ToggleButton.js 543 B
Newer Older
import React from "react";
import classNames from "classnames";
Aggarwal Himanshu's avatar
Aggarwal Himanshu committed
import Button from "./Button";
Aggarwal Himanshu's avatar
Aggarwal Himanshu committed
function ToggleButton({ children, setActive, active, id, className }) {
Aggarwal Himanshu's avatar
Aggarwal Himanshu committed
    <Button
      className={classNames(
        "px-3 py-2 rounded-md font-light",
        {
          "dark:bg-white dark:text-gray-800": active === id,
          "dark:bg-black dark:text-gray-400": active !== id,
        },
        className
      )}
      onClick={() => setActive(id)}
    >
      {children}
Aggarwal Himanshu's avatar
Aggarwal Himanshu committed
    </Button>
Aggarwal Himanshu's avatar
Aggarwal Himanshu committed

export default ToggleButton;