Function WidgetTitle

apps/start/src/components/widget.tsx:26–47

({
  children,
  className,
  icon: Icon,
}: WidgetTitleProps)

  icon?: LucideIcon;
}
export function WidgetTitle({
  children,
  className,
  icon: Icon,
}: WidgetTitleProps) {
  return (
    <div
      className={cn(
        'relative flex items-center gap-4',
        className,
        !!Icon && 'pl-12',
      )}
    >
      {Icon && (
        <div className="absolute left-0 rounded-lg bg-def-200 p-2">
          <Icon size={18} />
        </div>
      )}
      <div className="title">{children}</div>
    </div>
  );
}

export interface WidgetBodyProps {
  children: React.ReactNode;