<Fieldset />

import React from "react"
import {Settings} from "attio/client"

import schema from "./schema"

export default Settings.defineWorkspacePage(schema, () => {
  const {Form, Fieldset, RadioGroup} = Settings.useForm(schema)

  return (
    <Form>
      <Fieldset legend="Sync frequency">
        <RadioGroup name="sync_frequency">
          <RadioGroup.Item value="hourly" label="Hourly" />
          <RadioGroup.Item value="daily" label="Daily" />
          <RadioGroup.Item value="weekly" label="Weekly" />
        </RadioGroup>
      </Fieldset>
    </Form>
  )
})

import React from "react"
import {Settings} from "attio/client"

import schema from "./schema"

export default Settings.defineWorkspacePage(schema, () => {
  const {Form, Fieldset, Checkbox} = Settings.useForm(schema)

  return (
    <Form>
      <Fieldset legend="Notification channels">
        <Checkbox label="Email notifications" name="email_notifications" />
        <Checkbox label="SMS notifications" name="sms_notifications" />
        <Checkbox label="Push notifications" name="push_notifications" />
      </Fieldset>
    </Form>
  )
})