@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
18 lines • 986 B
JavaScript
import styled from 'styled-components';
import { getStyles } from '../../utils/getStyles/getStyles';
import { LineSeparatorPositionType, } from '../lineSeparator/types/lineSeparatorTheme';
export const NavigationRowStyled = styled.button `
${({ styles }) => getStyles(styles?.container)};
${({ lineSeparatorLineStyles, topLine }) => topLine && lineSeparatorLineStyles?.buildLineStyles?.(LineSeparatorPositionType.TOP)}
${({ lineSeparatorLineStyles, bottomLine }) => bottomLine && lineSeparatorLineStyles?.buildLineStyles?.(LineSeparatorPositionType.BOTTOM)}
`;
export const TextSectionStyled = styled.span `
${({ styles }) => getStyles(styles?.textSectionContainer)}
`;
export const IconAndIconHighlightedContainerStyled = styled.span `
${({ styles }) => getStyles(styles?.iconTextContainer)}
`;
export const DecorativeElementContainerStyled = styled.span `
${({ styles }) => getStyles(styles?.decorativeElementContainer)}
`;
//# sourceMappingURL=navigationRow.styled.js.map