@npm_leadtech/legal-lib-components 5.63.1 → 5.63.2

package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardList.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+
+import { RatafiaResultCard } from '../../atoms'
+import { type RatafiaResultCardListProps } from './RatafiaResultCardListProps.types'
+import { RatafiaResultCardListStyled } from './RatafiaResultCardList.styled'
+
+export const RatafiaResultCardList: React.FC<RatafiaResultCardListProps> = ({ keyFacts }) => {
+  if (keyFacts.length === 0) return null
+
+  return (
+    <RatafiaResultCardListStyled className='ratafia-result-card-list'>
+      {keyFacts.map((keyFact) => (
+        <>
+          <RatafiaResultCard key={keyFact.id} {...keyFact} />
+        </>
+      ))}
+    </RatafiaResultCardListStyled>
+  )
+}
+
+export default RatafiaResultCardList

package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardListProps.types.d.ts

@@ -0,0 +1,4 @@
+import { type RatafiaResultCardProps } from '../../atoms';
+export interface RatafiaResultCardListProps {
+    keyFacts: RatafiaResultCardProps[];
+}

package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardListProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/molecules/RatafiaResultCardList/RatafiaResultCardListProps.types.ts

@@ -0,0 +1,5 @@
+import { type RatafiaResultCardProps } from '../../atoms'
+
+export interface RatafiaResultCardListProps {
+  keyFacts: RatafiaResultCardProps[]
+}

package/dist/src/components/molecules/RatafiaResultCardList/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaResultCardList } from './RatafiaResultCardList';
+export { type RatafiaResultCardListProps } from './RatafiaResultCardListProps.types';

package/dist/src/components/molecules/RatafiaResultCardList/index.js

@@ -0,0 +1 @@
+export { default as RatafiaResultCardList } from './RatafiaResultCardList';

package/dist/src/components/molecules/RatafiaResultCardList/index.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaResultCardList } from './RatafiaResultCardList'
+export { type RatafiaResultCardListProps } from './RatafiaResultCardListProps.types'

package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { RatafiaResultTabListProps } from './RatafiaResultTabListProps.types';
+declare const RatafiaResultTabList: FC<RatafiaResultTabListProps>;
+export default RatafiaResultTabList;

package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RatafiaResultTab } from '../../atoms';
+import { RatafiaResultTabListStyled } from './RatafiaResultTabList.styled';
+const RatafiaResultTabList = ({ tabs = [] }) => {
+    if (tabs.length === 0)
+        return null;
+    return (_jsx(RatafiaResultTabListStyled, { className: 'ratafia-result-tab-list', children: tabs.map((tab) => (_jsx(RatafiaResultTab, { ...tab }, tab.id))) }));
+};
+export default RatafiaResultTabList;

package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.styled.d.ts

@@ -0,0 +1 @@
+export declare const RatafiaResultTabListStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.styled.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+export const RatafiaResultTabListStyled = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  align-self: stretch;
+`;

package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.styled.ts

@@ -0,0 +1,8 @@
+import styled from 'styled-components'
+
+export const RatafiaResultTabListStyled = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  align-self: stretch;
+`

package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabList.tsx

@@ -0,0 +1,18 @@
+import React, { type FC } from 'react'
+
+import { RatafiaResultTab } from '../../atoms'
+import { RatafiaResultTabListProps } from './RatafiaResultTabListProps.types'
+import { RatafiaResultTabListStyled } from './RatafiaResultTabList.styled'
+
+const RatafiaResultTabList: FC<RatafiaResultTabListProps> = ({ tabs = [] }) => {
+  if (tabs.length === 0) return null
+
+  return (
+    <RatafiaResultTabListStyled className='ratafia-result-tab-list'>
+      {tabs.map((tab) => (
+        <RatafiaResultTab key={tab.id} {...tab} />
+      ))}
+    </RatafiaResultTabListStyled>
+  )
+}
+export default RatafiaResultTabList

package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabListProps.types.d.ts

@@ -0,0 +1,4 @@
+import { RatafiaResultTabProps } from '../../atoms';
+export interface RatafiaResultTabListProps {
+    tabs: RatafiaResultTabProps[];
+}

package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabListProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/molecules/RatafiaResultTabList/RatafiaResultTabListProps.types.ts

@@ -0,0 +1,5 @@
+import { RatafiaResultTabProps } from '../../atoms'
+
+export interface RatafiaResultTabListProps {
+  tabs: RatafiaResultTabProps[]
+}

package/dist/src/components/molecules/RatafiaResultTabList/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaResultTabList } from './RatafiaResultTabList';
+export { type RatafiaResultTabListProps } from './RatafiaResultTabListProps.types';

package/dist/src/components/molecules/RatafiaResultTabList/index.js

@@ -0,0 +1 @@
+export { default as RatafiaResultTabList } from './RatafiaResultTabList';

package/dist/src/components/molecules/RatafiaResultTabList/index.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaResultTabList } from './RatafiaResultTabList'
+export { type RatafiaResultTabListProps } from './RatafiaResultTabListProps.types'

package/dist/src/components/molecules/index.d.ts

@@ -31,6 +31,8 @@ export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
 export * from './PricingCard';
+export * from './RatafiaResultCardList';
+export * from './RatafiaResultTabList';
 export * from './RatafiaSubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';

package/dist/src/components/molecules/index.js

@@ -31,6 +31,8 @@ export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
 export * from './PricingCard';
+export * from './RatafiaResultCardList';
+export * from './RatafiaResultTabList';
 export * from './RatafiaSubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';

package/dist/src/components/molecules/index.ts

@@ -31,6 +31,8 @@ export * from './PhoneContactBoxDesktop'
 export * from './PhoneContactBoxMobile'
 export * from './PopularDocs'
 export * from './PricingCard'
+export * from './RatafiaResultCardList'
+export * from './RatafiaResultTabList'
 export * from './RatafiaSubscriptionCard'
 export * from './Snackbar'
 export * from './StepGetForm'

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type RatafiaLoadingResultContentProps } from './RatafiaLoadingResultContentProps.types';
+export declare const RatafiaLoadingResultContent: React.FC<RatafiaLoadingResultContentProps>;
+export default RatafiaLoadingResultContent;

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RatafiaLoadingResultContentStyled } from './RatafiaLoadingResultContent.styled';
+export const RatafiaLoadingResultContent = ({ documentName, icon, text }) => {
+    return (_jsxs(RatafiaLoadingResultContentStyled, { children: [_jsx("h2", { className: 'sans-serif --bold-weight ratafia-result-loading-content__document-name', children: documentName }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper', children: [_jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-1', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-1' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-2' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-2', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-3' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-4' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-5' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-3', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-1' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-7' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-4' })] }), _jsxs("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation animation-4', children: [_jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-3' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-8' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-2' }), _jsx("div", { className: 'ratafia-result-loading-content__animation-wrapper__animation__loader item-6' })] })] }), _jsxs("div", { className: 'ratafia-result-loading-content__message', children: [_jsx("div", { className: 'ratafia-result-loading-content__message__icon', children: icon }), _jsx("span", { className: 'sans-serif --medium ratafia-result-loading-content__message__text', children: text })] })] }));
+};
+export default RatafiaLoadingResultContent;

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.styled.d.ts

@@ -0,0 +1 @@
+export declare const RatafiaLoadingResultContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.styled.js

@@ -0,0 +1,143 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const RatafiaLoadingResultContentStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  gap: var(--global-gap);
+
+  .ratafia-result-loading-content__document-name {
+    color: var(--neutral-neutral-2);
+    font-size: 1rem;
+    @media ${device['portrait-tablets']} {
+      font-size: 1.125rem;
+    }
+  }
+
+  .ratafia-result-loading-content__animation-wrapper {
+    align-self: stretch;
+
+    padding: 0 2rem 1.5rem 1.5rem;
+
+    overflow: hidden;
+
+    border-radius: var(--s-border-radius);
+    border-top: 4px solid var(--neutral-neutral-6);
+    border-bottom: 4px solid var(--neutral-neutral-6);
+    background: var(--neutral-neutral-6);
+
+    height: calc(100vh - 23.5rem);
+    @media ${device['portrait-tablets']} {
+      height: calc(100vh - 33.5rem);
+    }
+
+    &__animation {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      justify-content: center;
+
+      gap: 0.8rem;
+
+      padding: 2rem 0;
+
+      border-bottom: 1px solid var(--neutral-neutral-4);
+      &__loader {
+        background: var(--neutral-neutral-4);
+        border-radius: var(--l-border-radius);
+      }
+      .item-1 {
+        height: 10px;
+        width: 45%;
+      }
+      .item-2 {
+        height: 7px;
+        width: 30%;
+      }
+      .item-3 {
+        height: 10px;
+        width: 25%;
+      }
+      .item-4 {
+        height: 7px;
+        width: 70%;
+      }
+      .item-5 {
+        height: 7px;
+        width: 55%;
+      }
+      .item-6 {
+        height: 7px;
+        width: 65%;
+      }
+      .item-7 {
+        height: 7px;
+        width: 90%;
+      }
+      .item-8 {
+        height: 7px;
+        width: 90%;
+      }
+    }
+    .animation-1 {
+      animation:
+        appear 4s ease-in-out 1,
+        fadeInOut 4s ease-in-out infinite 4s;
+    }
+    .animation-2 {
+      animation:
+        appear 5s ease-in-out 1,
+        fadeInOut 4s ease-in-out infinite 4s;
+    }
+    .animation-3 {
+      animation:
+        appear 6s ease-in-out 1,
+        fadeInOut 4s ease-in-out infinite 4s;
+    }
+    .animation-4 {
+      animation:
+        appear 6s ease-in-out 1,
+        fadeInOut 4s ease-in-out infinite 4s;
+    }
+  }
+
+  .ratafia-result-loading-content__message {
+    display: flex;
+    justify-content: start;
+    align-items: flex-start;
+    align-self: stretch;
+
+    padding: 1rem;
+    gap: 0.5rem;
+
+    border-radius: var(--s-border-radius);
+    background: var(--secondary-main-light-4);
+
+    &__icon img {
+      width: 24px;
+    }
+    &__text {
+      color: var(--neutral-neutral-1);
+    }
+  }
+
+  @keyframes fadeInOut {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.2;
+    }
+  }
+
+  @keyframes appear {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+`;

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.styled.ts

@@ -0,0 +1,144 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const RatafiaLoadingResultContentStyled = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  gap: var(--global-gap);
+
+  .ratafia-result-loading-content__document-name {
+    color: var(--neutral-neutral-2);
+    font-size: 1rem;
+    @media ${device['portrait-tablets']} {
+      font-size: 1.125rem;
+    }
+  }
+
+  .ratafia-result-loading-content__animation-wrapper {
+    align-self: stretch;
+
+    padding: 0 2rem 1.5rem 1.5rem;
+
+    overflow: hidden;
+
+    border-radius: var(--s-border-radius);
+    border-top: 4px solid var(--neutral-neutral-6);
+    border-bottom: 4px solid var(--neutral-neutral-6);
+    background: var(--neutral-neutral-6);
+
+    height: calc(100vh - 23.5rem);
+    @media ${device['portrait-tablets']} {
+      height: calc(100vh - 33.5rem);
+    }
+
+    &__animation {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      justify-content: center;
+
+      gap: 0.8rem;
+
+      padding: 2rem 0;
+
+      border-bottom: 1px solid var(--neutral-neutral-4);
+      &__loader {
+        background: var(--neutral-neutral-4);
+        border-radius: var(--l-border-radius);
+      }
+      .item-1 {
+        height: 10px;
+        width: 45%;
+      }
+      .item-2 {
+        height: 7px;
+        width: 30%;
+      }
+      .item-3 {
+        height: 10px;
+        width: 25%;
+      }
+      .item-4 {
+        height: 7px;
+        width: 70%;
+      }
+      .item-5 {
+        height: 7px;
+        width: 55%;
+      }
+      .item-6 {
+        height: 7px;
+        width: 65%;
+      }
+      .item-7 {
+        height: 7px;
+        width: 90%;
+      }
+      .item-8 {
+        height: 7px;
+        width: 90%;
+      }
+    }
+    .animation-1 {
+      animation:
+        appear 4s ease-in-out 1,
+        fadeInOut 4s ease-in-out infinite 4s;
+    }
+    .animation-2 {
+      animation:
+        appear 5s ease-in-out 1,
+        fadeInOut 4s ease-in-out infinite 4s;
+    }
+    .animation-3 {
+      animation:
+        appear 6s ease-in-out 1,
+        fadeInOut 4s ease-in-out infinite 4s;
+    }
+    .animation-4 {
+      animation:
+        appear 6s ease-in-out 1,
+        fadeInOut 4s ease-in-out infinite 4s;
+    }
+  }
+
+  .ratafia-result-loading-content__message {
+    display: flex;
+    justify-content: start;
+    align-items: flex-start;
+    align-self: stretch;
+
+    padding: 1rem;
+    gap: 0.5rem;
+
+    border-radius: var(--s-border-radius);
+    background: var(--secondary-main-light-4);
+
+    &__icon img {
+      width: 24px;
+    }
+    &__text {
+      color: var(--neutral-neutral-1);
+    }
+  }
+
+  @keyframes fadeInOut {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.2;
+    }
+  }
+
+  @keyframes appear {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+`

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContent.tsx

@@ -0,0 +1,46 @@
+import React from 'react'
+
+import { type RatafiaLoadingResultContentProps } from './RatafiaLoadingResultContentProps.types'
+import { RatafiaLoadingResultContentStyled } from './RatafiaLoadingResultContent.styled'
+
+export const RatafiaLoadingResultContent: React.FC<RatafiaLoadingResultContentProps> = ({
+  documentName,
+  icon,
+  text
+}) => {
+  return (
+    <RatafiaLoadingResultContentStyled>
+      <h2 className='sans-serif --bold-weight ratafia-result-loading-content__document-name'>{documentName}</h2>
+      <div className='ratafia-result-loading-content__animation-wrapper'>
+        <div className='ratafia-result-loading-content__animation-wrapper__animation animation-1'>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-1'></div>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-6'></div>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-2'></div>
+        </div>
+        <div className='ratafia-result-loading-content__animation-wrapper__animation animation-2'>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-3'></div>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-4'></div>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-5'></div>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-6'></div>
+        </div>
+        <div className='ratafia-result-loading-content__animation-wrapper__animation animation-3'>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-1'></div>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-7'></div>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-4'></div>
+        </div>
+        <div className='ratafia-result-loading-content__animation-wrapper__animation animation-4'>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-3'></div>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-8'></div>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-2'></div>
+          <div className='ratafia-result-loading-content__animation-wrapper__animation__loader item-6'></div>
+        </div>
+      </div>
+      <div className='ratafia-result-loading-content__message'>
+        <div className='ratafia-result-loading-content__message__icon'>{icon}</div>
+        <span className='sans-serif --medium ratafia-result-loading-content__message__text'>{text}</span>
+      </div>
+    </RatafiaLoadingResultContentStyled>
+  )
+}
+
+export default RatafiaLoadingResultContent

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.d.ts

@@ -0,0 +1,5 @@
+export interface RatafiaLoadingResultContentProps {
+    documentName: string;
+    icon?: React.ReactNode;
+    text?: React.ReactNode;
+}

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/organisms/RatafiaLoadingResultContent/RatafiaLoadingResultContentProps.types.ts

@@ -0,0 +1,5 @@
+export interface RatafiaLoadingResultContentProps {
+  documentName: string
+  icon?: React.ReactNode
+  text?: React.ReactNode
+}

package/dist/src/components/organisms/RatafiaLoadingResultContent/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaLoadingResultContent } from './RatafiaLoadingResultContent';
+export { type RatafiaLoadingResultContentProps } from './RatafiaLoadingResultContentProps.types';

package/dist/src/components/organisms/RatafiaLoadingResultContent/index.js

@@ -0,0 +1 @@
+export { default as RatafiaLoadingResultContent } from './RatafiaLoadingResultContent';

package/dist/src/components/organisms/RatafiaLoadingResultContent/index.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaLoadingResultContent } from './RatafiaLoadingResultContent'
+export { type RatafiaLoadingResultContentProps } from './RatafiaLoadingResultContentProps.types'

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type RatafiaResultContentProps } from './RatafiaResultContentProps.types';
+export declare const RatafiaResultContent: React.FC<RatafiaResultContentProps>;
+export default RatafiaResultContent;

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RatafiaResultCardList } from '../../molecules';
+import { RatafiaResultContentStyled } from './RatafiaResultContent.styled';
+import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList';
+import { RatafiaReviewResult } from '../../atoms';
+export const RatafiaResultContent = ({ result, review, tabs }) => {
+    return (_jsxs(RatafiaResultContentStyled, { children: [_jsx("h2", { ref: result?.documentNameRef, className: 'sans-serif --bold-weight ratafia-result-content__document-name', children: result?.documentName }), _jsx("div", { className: 'ratafia-result-content__tabs', children: _jsx(RatafiaResultTabList, { tabs: tabs }) }), _jsxs("div", { className: 'ratafia-result-content__content', children: [result !== null && _jsx(RatafiaResultCardList, { keyFacts: result.keyFacts }), _jsx(RatafiaReviewResult, { ...review })] })] }));
+};
+export default RatafiaResultContent;

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.d.ts

@@ -0,0 +1 @@
+export declare const RatafiaResultContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.js

@@ -0,0 +1,26 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const RatafiaResultContentStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex: 1 0 0;
+  align-self: stretch;
+
+  .ratafia-result-content__document-name {
+    color: var(--neutral-neutral-2);
+    font-size: 1rem;
+    margin-bottom: 1rem;
+    @media ${device['portrait-tablets']} {
+      font-size: 1.125rem;
+    }
+  }
+  .ratafia-result-content__tabs {
+    width: 100%;
+    margin-bottom: 0.5rem;
+  }
+  .ratafia-result-content__content {
+    overflow: hidden;
+    width: 100%;
+  }
+`;

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.styled.ts

@@ -0,0 +1,27 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const RatafiaResultContentStyled = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex: 1 0 0;
+  align-self: stretch;
+
+  .ratafia-result-content__document-name {
+    color: var(--neutral-neutral-2);
+    font-size: 1rem;
+    margin-bottom: 1rem;
+    @media ${device['portrait-tablets']} {
+      font-size: 1.125rem;
+    }
+  }
+  .ratafia-result-content__tabs {
+    width: 100%;
+    margin-bottom: 0.5rem;
+  }
+  .ratafia-result-content__content {
+    overflow: hidden;
+    width: 100%;
+  }
+`

package/dist/src/components/organisms/RatafiaResultContent/RatafiaResultContent.tsx

@@ -0,0 +1,26 @@
+import React from 'react'
+
+import { RatafiaResultCardList } from '../../molecules'
+import { type RatafiaResultContentProps } from './RatafiaResultContentProps.types'
+import { RatafiaResultContentStyled } from './RatafiaResultContent.styled'
+import RatafiaResultTabList from '../../molecules/RatafiaResultTabList/RatafiaResultTabList'
+import { RatafiaReviewResult } from '../../atoms'
+
+export const RatafiaResultContent: React.FC<RatafiaResultContentProps> = ({ result, review, tabs }) => {
+  return (
+    <RatafiaResultContentStyled>
+      <h2 ref={result?.documentNameRef} className='sans-serif --bold-weight ratafia-result-content__document-name'>
+        {result?.documentName}
+      </h2>
+      <div className='ratafia-result-content__tabs'>
+        <RatafiaResultTabList tabs={tabs} />
+      </div>
+      <div className='ratafia-result-content__content'>
+        {result !== null && <RatafiaResultCardList keyFacts={result.keyFacts} />}
+        <RatafiaReviewResult {...review} />
+      </div>
+    </RatafiaResultContentStyled>
+  )
+}
+
+export default RatafiaResultContent