import { PropTable } from "@/components/props-table"
import { PropDataMap } from "@/types/props"

const buttonProps: PropDataMap = [
  {
    prop: "variant",
    type: {
      type: "enum",
      values: ["primary", "secondary", "transparent", "danger"],
    },
    defaultValue: "primary",
  },
  {
    prop: "size",
    type: {
      type: "enum",
      values: ["base", "large", "xlarge"],
    },
    defaultValue: "base",
  },
  {
    prop: "isLoading",
    type: "boolean",
    defaultValue: false,
  },
]

const Props = () => {
  return <PropTable props={buttonProps} />
}

export default Props
