import React from 'react';
import { GuidedStyles } from './GuidedStyles';

/**
 * Right panel -- shows component settings when an element is selected,
 * or Site Design Tokens (including Head code) when nothing is selected.
 */
export const RightPanel: React.FC = () => {
  return (
    <div className="panel-right">
      <div className="panel-tabs">
        <button className="panel-tab active">Styles</button>
      </div>
      <div className="panel-content">
        <GuidedStyles />
      </div>
    </div>
  );
};
