const {
  plugin: { store },
  ui: { TextBox, Text },
} = shelter;

export default () => (
  <>
    <Text>Unsloth Studio URL</Text>
    <TextBox
      placeholder="http://127.0.0.1:8888"
      value={store.unslothUrl}
      onInput={(value) => {
        store.unslothUrl = value;
      }}
    />
    <div className="mb-2 mt-2">
      <Text>Unsloth API Key (optional)</Text>
      <TextBox
        placeholder="sk-unsloth-..."
        value={store.unslothKey}
        onInput={(value) => {
          store.unslothKey = value;
        }}
      />
    </div>
  </>
);
