@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
28 lines (27 loc) • 1.24 kB
JavaScript
import * as React from 'react';
import { type, space, typeColors } from '@workday/canvas-kit-react/tokens';
import { accessibleHide, styled, createComponent, } from '@workday/canvas-kit-react/common';
import { Flex } from '@workday/canvas-kit-react/layout';
import { useLiveRegion } from './common/useLiveRegion';
import { PaginationContext } from './usePaginationModel';
const StyledAdditionalDetails = styled(Flex)(({ shouldHideDetails }) => {
if (shouldHideDetails) {
return {
...accessibleHide,
marginTop: space.zero,
};
}
else {
return {
marginTop: space.xs,
};
}
});
export const AdditionalDetails = createComponent('div')({
displayName: 'Pagination.AdditionalDetails',
Component({ children, shouldAnnounceToScreenReader, ...elemProps }, ref, Element) {
const model = React.useContext(PaginationContext);
const liveRegionProps = useLiveRegion({ shouldAnnounceToScreenReader });
return (React.createElement(StyledAdditionalDetails, { ref: ref, as: Element, ...type.levels.subtext.medium, color: typeColors.hint, ...liveRegionProps, ...elemProps }, typeof children === 'function' ? children(model) : children));
},
});