Онуфрийчук Егор
27 lines
745 B
TypeScript
27 lines
745 B
TypeScript
import React from 'react';
|
|
import { useBreakpoints, Wrapper, Text } from '@fractal-ui/styling';
|
|
import { ModalFooter } from '../../core';
|
|
import type { ActionsFooterProps } from './types';
|
|
/**
|
|
* Футер с кнопками модалки подписи.
|
|
*
|
|
* Обертка над ModalFooter с добавлением текста на XS.
|
|
*/
|
|
export const SignModalFooter: React.FC<ActionsFooterProps> = ({ description, ...props }) => {
|
|
const { XS } = useBreakpoints();
|
|
|
|
return (
|
|
<>
|
|
<ModalFooter {...props} />
|
|
{XS && description && (
|
|
<>
|
|
<Wrapper mt="4" />
|
|
<Text.P3 color="text.secondary" textAlign="left">
|
|
{description}
|
|
</Text.P3>
|
|
</>
|
|
)}
|
|
</>
|
|
);
|
|
};
|