@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
43 lines • 1.81 kB
JavaScript
import styled from 'styled-components';
import { getStyles } from '../../utils/getStyles/getStyles';
export const ParentContainerStyled = styled.div `
${({ styles }) => getStyles(styles.parentContainer)};
`;
export const MessageStyled = styled.div `
${({ styles }) => getStyles(styles.container)};
`;
export const MessageHeaderStyled = styled.div `
${({ styles, withIcon }) => withIcon &&
`margin-right: calc(${styles?.closeIcon?.width ?? '0rem'} + ${styles?.closeIconContainer?.gap ?? '0rem'});`};
${({ styles }) => getStyles(styles.headerContainer)};
${({ styles, isLargeMessage }) => isLargeMessage && getStyles(styles.headerContainerLargeMessage)};
`;
export const MessageTextStyled = styled.div `
display: flex;
flex-direction: column;
padding-right: ${props => (props.extraPaddingGap ? props.styles?.width : '0')};
word-break: break-word;
`;
export const MessageContentStyled = styled.div `
${({ styles }) => getStyles(styles.contentContainer)};
${({ styles, isLargeMessage }) => isLargeMessage && getStyles(styles.contentContainerLargeMessage)};
`;
export const ExtraActioButtonWrapperStyled = styled.div `
${({ styles }) => getStyles(styles.extraActionButtonContainer)};
`;
export const ButtonSectionStyled = styled.div `
${({ styles }) => getStyles(styles.buttonSectionContainer)};
`;
export const ActioButtonWrapperStyled = styled.div `
${({ styles }) => getStyles(styles.actionButtonContainer)};
`;
export const CloseButtonSectionStyled = styled.div `
${({ styles }) => getStyles(styles.closeIconContainer)};
`;
export const LinkContainerStyled = styled.div `
${({ styles }) => getStyles(styles.linkContainer)};
`;
export const LinksContainerStyled = styled.div `
${({ styles }) => getStyles(styles.linksContainer)};
`;
//# sourceMappingURL=message.styled.js.map