"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { code: "code", h1: "h1", h2: "h2", p: "p", pre: "pre", ..._provideComponents(), ...props.components }, {Playground, Props} = _components; if (!Playground) _missingMdxReference("Playground", true); if (!Props) _missingMdxReference("Props", true); return _jsxs(_Fragment, { children: [_jsx(_components.h1, { id: "pill", children: "Pill" }), "\n", _jsx(_components.p, { children: "Pill will be used in the Brand system feature for selecting different color palettes" }), "\n", _jsx(_components.h2, { id: "import", children: "Import" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-js", children: "import { Fragment } from 'react';\nimport { Pill } from '@outfitio/outkit';\n" }) }), "\n", _jsx(_components.h2, { id: "usage", children: "Usage" }), "\n", _jsx(Playground, { code: "}\n colorInfo={\n \n Light Orange\n \n #FFFFFF\n \n \n rgb(255, 255, 255)\n \n \n 0%, 0%, 0%, 0%\n \n \n }\n/>" }), "\n", _jsx(_components.h2, { id: "props", children: "Props" }), "\n", _jsx(_components.p, { children: "No custom props" }), "\n", _jsx(Props, { of: "Pill" })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }

Property	Type	Required	Default	Description
`colorDisp`	`node`	No
`colorInfo`	`object`	No