import { mergeProps, type JSX } 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>> = Partial<T> & { children?: JSX.Element; }
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 JSX } 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>> = Partial<T> & { children?: JSX.Element; }
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>;
}