{"version":3,"file":"index114.cjs","sources":["../src/components/card/CardBasicHorizontal/CardHorizontalLayout.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\nimport styles from \"../base/styles/CardBasicHorizontal.module.css\";\nimport { LabelPairedChevronRightSmRegularIcon } from \"@deriv/quill-icons\";\nimport { BaseCardRenderProps } from \"../base\";\nimport BasicButton from \"../../buttons/basic\";\n\nconst CardHorizontalLayout: FunctionComponent<BaseCardRenderProps> = ({\n  cardId,\n  className,\n  size,\n  state,\n  type,\n  focus,\n  handleFocus,\n  handleBlur,\n  isClickable,\n  title,\n  subtitle,\n  description,\n  image,\n  iconLeft,\n  iconRight,\n  linkLabel,\n  linkIcon,\n  linkOnClick,\n  primaryVerticalButton,\n  secondaryVerticalButton,\n  primaryHorizontalButton,\n  secondaryHorizontalButton,\n}) => {\n  return (\n    <div\n      className={[\n        styles.root,\n        className,\n        isClickable ? \"quill-ui-next-component\" : \"\",\n      ].join(\" \")}\n      data-size={size}\n      data-state={state}\n      data-type={type}\n      data-id={cardId}\n      role={isClickable ? \"button\" : undefined}\n      tabIndex={isClickable ? 0 : undefined}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n    >\n      {image && (\n        <img className={styles.placeholderImage11} alt=\"\" src={image} />\n      )}\n      <div className={styles.containerBody}>\n        {(iconLeft || iconRight) && (\n          <div className={styles.containerIcon}>\n            {iconLeft && (\n              <div className={`${styles.iconLeft} card-icon`}>{iconLeft}</div>\n            )}\n            {iconRight && (\n              <div className={`${styles.iconRight} card-icon`}>{iconRight}</div>\n            )}\n          </div>\n        )}\n        <div className={styles.containerContentaction}>\n          <div className={styles.containerContent}>\n            {(title || subtitle) && (\n              <div className={styles.titlesubtitle}>\n                {title && <b className={styles.title}>{title}</b>}\n                {subtitle && <div className={styles.subtitle}>{subtitle}</div>}\n                <div className={styles.description}>{description}</div>\n              </div>\n            )}\n          </div>\n          {linkLabel && (\n            <div\n              className={`${styles.actionLink} ${\n                linkOnClick ? \"quill-ui-next-pointer\" : \"\"\n              }`}\n              onClick={linkOnClick}\n            >\n              {linkIcon && (\n                <div className={`${styles.customIcon} card-icon`}>\n                  {linkIcon}\n                </div>\n              )}\n              <div className={styles.label}>{linkLabel}</div>\n              <div className={`${styles.iconChevron} card-icon`}>\n                <LabelPairedChevronRightSmRegularIcon />\n              </div>\n            </div>\n          )}\n          {(primaryHorizontalButton || secondaryHorizontalButton) && (\n            <div className={styles.actionHorizontalButton}>\n              {secondaryHorizontalButton && (\n                <BasicButton\n                  {...secondaryHorizontalButton}\n                  style=\"secondary\"\n                  width=\"fill container\"\n                  size={size}\n                  color=\"blackWhite\"\n                />\n              )}\n              {primaryHorizontalButton && (\n                <BasicButton\n                  {...primaryHorizontalButton}\n                  style=\"primary\"\n                  width=\"fill container\"\n                  size={size}\n                  color=\"blackWhite\"\n                />\n              )}\n            </div>\n          )}\n          {(primaryVerticalButton || secondaryVerticalButton) && (\n            <div className={styles.actionVerticalButton}>\n              {secondaryVerticalButton && (\n                <BasicButton\n                  {...secondaryVerticalButton}\n                  style=\"secondary\"\n                  width=\"fill container\"\n                  size={size}\n                  color=\"blackWhite\"\n                />\n              )}\n              {primaryVerticalButton && (\n                <BasicButton\n                  {...primaryVerticalButton}\n                  style=\"primary\"\n                  width=\"fill container\"\n                  size={size}\n                  color=\"blackWhite\"\n                />\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n      {focus && <div className={styles.bgFocus4} />}\n    </div>\n  );\n};\n\nexport default CardHorizontalLayout;\n"],"names":["jsxs","styles","jsx","LabelPairedChevronRightSmRegularIcon","BasicButton"],"mappings":"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"}