import React from 'react';
import { cn } from '../../utils/classNames';

type PanelProps = React.HTMLAttributes<HTMLDivElement> & {
  muted?: boolean;
};

const Panel: React.FC<PanelProps> = ({ className, muted = false, ...props }) => (
  <div
    className={cn(
      'rounded-lg border border-app-border',
      muted ? 'bg-app-surface-muted' : 'bg-app-surface',
      className,
    )}
    {...props}
  />
);

export default Panel;