UserDashboard/components/panel-code-highlight.tsx
2025-02-24 17:13:46 +08:00

25 lines
700 B
TypeScript

'use client';
import IconCode from '@/components/icon/icon-code';
import React, { useState, ReactNode } from 'react';
interface PanelCodeHighlightProps {
children: ReactNode;
title?: string;
codeHighlight?: string;
id?: string;
className?: string;
}
const PanelCodeHighlight = ({ children, title, id, className = '' }: PanelCodeHighlightProps) => {
return (
<div className={`panel ${className}`} id={id}>
<div className="mb-5 flex items-center justify-between">
<h5 className="text-lg font-semibold dark:text-white-light">{title}</h5>
</div>
{children}
</div>
);
};
export default PanelCodeHighlight;