Type Table

import { TypeTable } from "@prisma-docs/eclipse";

export function ComponentProps() {
  return (
    <TypeTable
      type={{
        percentage: {
          description: "The percentage of scroll position to display the roll button",
          type: "number",
          default: "0.2",
        },
        disabled: {
          description: "Whether the component is disabled",
          type: "boolean",
          default: "false",
        },
      }}
    />
  );
}

import { TypeTable } from "@prisma-docs/eclipse";

export function RequiredProps() {
  return (
    <TypeTable
      type={{
        id: {
          description: "Unique identifier for the component",
          type: "string",
          required: true,
        },
        onChange: {
          description: "Callback function when value changes",
          type: "(value: string) => void",
          required: true,
        },
        placeholder: {
          description: "Placeholder text to display",
          type: "string",
        },
      }}
    />
  );
}

import { TypeTable } from "@prisma-docs/eclipse";

export function ComplexTypes() {
  return (
    <TypeTable
      type={{
        variant: {
          description: "Visual style variant",
          type: '"primary" | "secondary" | "outline"',
          default: '"primary"',
        },
        size: {
          description: "Size of the component",
          type: '"sm" | "md" | "lg"',
          default: '"md"',
        },
        config: {
          description: "Configuration object",
          type: "{ theme: string; layout: string }",
        },
      }}
    />
  );
}

import { TypeTable } from "@prisma-docs/eclipse";

export function DeprecatedProps() {
  return (
    <TypeTable
      type={{
        color: {
          description: "Color of the component",
          type: "string",
        },
        bgColor: {
          description: "Background color (use 'color' instead)",
          type: "string",
          deprecated: true,
        },
      }}
    />
  );
}