{"version":3,"file":"index114.mjs","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":[],"mappings":"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"}