import { button } from './button'
import { fieldMessage } from './fieldMessage'
import { iconButton } from './iconButton'
import { label } from './label'
import { modalIcon } from './modalIcon'
import { tag } from './tag'

import { input } from './slots/input'
import { modal } from './slots/modal'
import { radio } from './slots/radio'
import { tabs } from './slots/tabs'
import { toggle } from './slots/toggle'

/**
 * Recipe module for the Panda preset
 * @module
 */

export const recipes = {
  button,
  fieldMessage,
  iconButton,
  label,
  modalIcon,
  tag,
}

export const slotRecipes = {
  input,
  modal,
  radio,
  tabs,
  toggle,
}