import TemplateSelector from './TemplateSelector';
import TypeSelector from './TypeSelector';
import SizeSelector from './SizeSelector';
import StoneSizeSelector from './StoneSizeSelector';

function SettingsPanel() {
  return (
    <div className="space-y-5">
      <section>
        <h3 className="text-sm font-semibold text-white/80 mb-2">Model Şablonu</h3>
        <TemplateSelector />
      </section>

      <section>
        <h3 className="text-sm font-semibold text-white/80 mb-2">Tasarım Türü</h3>
        <TypeSelector />
      </section>

      <section>
        <h3 className="text-sm font-semibold text-white/80 mb-2">Takı Ölçüsü</h3>
        <SizeSelector />
      </section>

      <section>
        <h3 className="text-sm font-semibold text-white/80 mb-2">Taş Boyutu</h3>
        <StoneSizeSelector />
      </section>
    </div>
  );
}

export default SettingsPanel;
