@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.23 kB
JavaScript
const e=(e,t)=>({..."draft"===t&&{background:e.custom.palette.surface.raised,border:`1px solid ${e.custom.palette.stroke.default}`,"& svg":{color:a(e,t)}},..."in-progress"===t&&{background:e.custom.palette.yellow[0],border:`1px solid ${e.custom.palette.yellow[100]}`,"& svg":{color:a(e,t)}},..."results-ready"===t&&{background:e.custom.palette.green[0],border:`1px solid ${e.custom.palette.green[100]}`,"& svg":{color:a(e,t)}}}),t=e=>{switch(e){case"draft":return"Draft";case"in-progress":return"In progress";case"results-ready":return"Results ready";default:return"Unknown status"}},r=e=>{switch(e){case"draft":default:return"test-edit";case"in-progress":return"test-pending";case"results-ready":return"data-bar"}},s=(e,t,r)=>{switch(t){case"draft":return e.custom.palette.text.primary;case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}},a=(e,t,r=500)=>{switch(t){case"draft":return e.custom.palette.blue[r];case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};export{a as getColorByStatus,r as getStatusIconName,e as getStatusStyling,t as getStatusText,s as getTextColorByStatus};