{"version":3,"file":"index69.mjs","sources":["../src/atoms/steppers/label-content/index.tsx"],"sourcesContent":["import { FunctionComponent, ReactNode } from \"react\";\nimport labelContentVertical from \"./SteppersLabelContentVertical.module.css\";\nimport labelContentHorizontal from \"./SteppersLabelContentHorizontal.module.css\";\n\nexport type SteppersLabelContentType = {\n  className?: string;\n  label?: string;\n  description?: ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\";\n  type?: \"incomplete\" | \"inprogress\" | \"complete\";\n  direction?: \"vertical\" | \"horizontal\";\n};\n\nconst labelContentStyles = {\n  vertical: labelContentVertical,\n  horizontal: labelContentHorizontal,\n} as const;\n\nconst SteppersLabelContentAtom: FunctionComponent<SteppersLabelContentType> = ({\n  className = \"\",\n  size = \"sm\",\n  type = \"incomplete\",\n  label = \"Label\",\n  description,\n  direction = \"vertical\",\n}) => {\n  const styles = labelContentStyles[direction];\n  return (\n    <div\n      className={[styles.root, className, \"quill-ui-next-atom\"].join(\" \")}\n      data-size={size}\n      data-type={type}\n    >\n      <b className={styles.label}>{label}</b>\n      {description && <div className={styles.description}>{description}</div>}\n    </div>\n  );\n};\n\nexport default SteppersLabelContentAtom;\n"],"names":[],"mappings":";;;AAaA,MAAM,qBAAqB;AAAA,EACzB,UAAU;AAAA,EACV,YAAY;AACd;AAEA,MAAM,2BAAwE,CAAC;AAAA,EAC7E,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AACd,MAAM;AACE,QAAA,SAAS,mBAAmB,SAAS;AAEzC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAAC,OAAO,MAAM,WAAW,oBAAoB,EAAE,KAAK,GAAG;AAAA,MAClE,aAAW;AAAA,MACX,aAAW;AAAA,MAEX,UAAA;AAAA,QAAA,oBAAC,KAAE,EAAA,WAAW,OAAO,OAAQ,UAAM,OAAA;AAAA,QAClC,eAAgB,oBAAA,OAAA,EAAI,WAAW,OAAO,aAAc,UAAY,YAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnE;AAEJ;"}