Function Button

dashboard/shell/src/sdk.jsx:141–176

({
  className,
  variant,
  size,
  ghost,
  outlined,
  secondary,
  destructive,
  children,
  ...rest
})

export const Separator = block("hr", "ts-separator");

export function Button({
  className,
  variant,
  size,
  ghost,
  outlined,
  secondary,
  destructive,
  children,
  ...rest
}) {
  const resolvedVariant =
    variant ||
    (destructive
      ? "destructive"
      : ghost
        ? "ghost"
        : outlined
          ? "outline"
          : secondary
            ? "secondary"
            : "");
  return React.createElement(
    "button",
    {
      className: cn(
        "ts-button",
        resolvedVariant ? `ts-button-${resolvedVariant}` : "",
        size ? `ts-button-${size}` : "",
        className,
      ),
      ...rest,
    },
    children,
  );
}

export function Input({ className, ...rest }) {
  return React.createElement("input", { className: cn("ts-input", className), ...rest });