import { mergeProps, type ParentProps } from "solid-js";

// helper type which creates props type from defaultprops + adds children
// this would be somewhere in global.d.ts or imported.
type p<T extends Record<string, unknown>> = ParentProps<Partial<T>> 

const defaultProps = {
  message: "fallback message",
};

export default function Card(_props: p<typeof defaultProps>) {
  const props = mergeProps(defaultProps, _props);
  return <div>{props.children || props.message}</div>;
}

import { mergeProps, type ParentProps } from "solid-js";

// helper type which creates props type from defaultprops + adds children
// this would be somewhere in global.d.ts or imported.
type p<T extends Record<string, unknown>> = ParentProps<Partial<T>> 

const defaultProps = {
  message: "fallback message",
};

export default function Card(_props: p<typeof defaultProps>) {
  const props = mergeProps(defaultProps, _props);
  return <div>{props.children || props.message}</div>;
}