import{j as u}from"./jsx-runtime-ffb262ed.js";const t=({primary:e=!1,size:o="medium",backgroundColor:n,label:a,...r})=>{const l=e?"storybook-button--primary":"storybook-button--secondary";return u.jsx("button",{type:"button",className:["storybook-button",`storybook-button--${o}`,l].join(" "),style:{backgroundColor:n},...r,children:a})};try{t.displayName="Button",t.__docgenInfo={description:"Primary UI component for user interaction",displayName:"Button",props:{primary:{defaultValue:{value:"false"},description:"Is this the principal call to action on the page?",name:"primary",required:!1,type:{name:"boolean | undefined"}},backgroundColor:{defaultValue:null,description:"What background color to use",name:"backgroundColor",required:!1,type:{name:"string | undefined"}},size:{defaultValue:{value:"medium"},description:"How large should the button be?",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},label:{defaultValue:null,description:"Button contents",name:"label",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"Optional click handler",name:"onClick",required:!1,type:{name:"(() => void) | undefined"}}}}}catch{}export{t as B};
//# sourceMappingURL=Button-9f34f853.js.map
