import { PlusIcon } from "@heroicons/react/solid"; import Head from "next/head"; import React from "react"; import { Button, ButtonProps } from "@components/ui/Button"; export default function ButtonPage() { const list: ButtonProps[] = [ // primary { color: "primary" }, { color: "primary", disabled: true }, { color: "primary", disabled: true, loading: true }, // secondary { color: "secondary" }, { color: "secondary", disabled: true }, { color: "secondary", disabled: true, loading: true }, // minimal { color: "minimal" }, { color: "minimal", disabled: true }, { color: "minimal", disabled: true, loading: true }, // sizes { color: "primary", size: "sm" }, { color: "primary", size: "base" }, { color: "primary", size: "lg" }, // href { href: "/staging" }, { href: "/staging", disabled: true }, { StartIcon: PlusIcon }, { EndIcon: PlusIcon }, ]; return ( <>

Button component

{list.map((props, index) => (

`{JSON.stringify( props, (key, value) => { if (key.includes("Icon")) { return ".."; } return value; }, 2 )}`

))}

); }