31:T6b2,segmentedControl = function(label, name, items, defaultItemName, width="8em", labelWidth="auto") { return `

` + (label == "" ? "" : `

${label}

`) + items.map((item, index) => `

${item[1]}

`).join("") + `

` }32:[] 2f:{"title":"Gray Segmented Control","cells":[{"id":0,"value":"md`# Gray Segmented Control\nSimple [segmented control](https://developer.apple.com/design/human-interface-guidelines/macos/selectors/segmented-controls/) suitable for placing inside a [form](https://beta.observablehq.com/@mbostock/form-input). Styling is currently fixed to using light grays due to my lack of style. There is a fixed width for each item (8em) that you can override in the call.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"viewof object = form(html``)","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"`Test output:\n $ {segmentedControl(\"Fruit:\", \"fruit\", [[\"a\", \"Apple\"], [\"b\", \"Banana\"], [\"c\", \"Cherry\"]], \"b\")}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"object","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}