@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
24 lines • 943 B
JavaScript
import styled from 'styled-components';
import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
export const TableWrapperStyled = styled.div `
${({ $styles }) => getStyles($styles?.wrapper)};
&[data-sticky='true'] {
position: sticky;
top: 0;
}
`;
export const TableScrollableContainerStyled = styled.div `
${({ $styles }) => getStyles($styles?.scrollableContainer)};
overflow: ${({ $hasScrollDisabled }) => $hasScrollDisabled && 'visible'};
`;
export const LeftBoxShadowContainerStyled = styled.div `
${({ $styles }) => getStyles($styles?.leftBoxShadowContainer)};
`;
export const RightBoxShadowContainerStyled = styled.div `
${({ $styles }) => getStyles($styles?.rightBoxShadowContainer)};
`;
export const TableStyled = styled.table `
${({ $styles }) => getStyles($styles?.container)};
${({ $styles }) => getTypographyStyles($styles?.container)};
`;
//# sourceMappingURL=table.styled.js.map