{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"segmented-control","type":"registry:component","title":"SegmentedControl","description":"segmented-control from coolicons in Line with regular corners. button, options, selected, option, selection. Other styles and corners: @coolicons/<style>/<radius>/segmented-control with line, duocolor, duotone, fill or bulk and sharp or round. Leave out regular, like @coolicons/fill/segmented-control, and use @coolicons/segmented-control for line with regular corners.","categories":["System"],"author":"coolicons <https://coolicons.cool>","docs":"https://coolicons.cool/icons/segmented-control","meta":{"icon":"segmented-control","style":"line","radius":"regular"},"files":[{"path":"registry/icons/segmented-control.tsx","type":"registry:component","content":"import type { SVGProps } from \"react\";\n\ntype IconProps = Omit<SVGProps<SVGSVGElement>, \"children\"> & {\n  size?: number | string;\n  strokeWidth?: number | string;\n  title?: string;\n};\n\nexport function SegmentedControl({ size = 24, strokeWidth = 2, title, ...props }: IconProps) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role={title ? \"img\" : undefined}\n      aria-hidden={title ? undefined : true}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <path d=\"M3 8C3 6.89543 3.89543 6 5 6H19C20.10457 6 21 6.89543 21 8V16C21 17.10457 20.10457 18 19 18H5C3.89543 18 3 17.10457 3 16ZM17 12H17.01M6 10C6 9.44772 6.44772 9 7 9H11C11.55228 9 12 9.44772 12 10V14C12 14.55228 11.55228 15 11 15H7C6.44772 15 6 14.55228 6 14Z\" stroke=\"currentColor\" strokeWidth={strokeWidth} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n","target":"@components/icons/segmented-control.tsx"}]}