export declare const useStyles: () => {
    sources: string;
    sourcesTitleWrapper: string;
    sourcesTitleDownIcon: string;
    sourcesTitleDownIconExpanded: string;
    sourcesIconPositionEnd: string;
    sourcesList: string;
    sourcesListItem: string;
    sourcesLink: string;
    sourcesLinkIcon: string;
    sourcesLinkTitle: string;
    sourcesContent: string;
    sourcesContentHidden: string;
    sourcesInline: string;
    carouselWrapper: string;
    carouselTitle: string;
    carouselBtnWrapper: string;
    carouselBtn: string;
    carouselBtnDisabled: string;
    carouselPage: string;
    carouselItem: string;
    carouselItemTitleWrapper: string;
    carouselItemTitle: string;
    carouselItemDescription: string;
} & {
    w: (width: string | number) => string;
    h: (height: string | number) => string;
    p: (padding: string) => string;
    pb: (padding: string | number) => string;
    pt: (padding: string | number) => string;
    pl: (padding: string | number) => string;
    pr: (padding: string | number) => string;
    m: (margin: string) => string;
    mb: (margin: string | number) => string;
    mt: (margin: string | number) => string;
    ml: (margin: string | number) => string;
    mr: (margin: string | number) => string;
    text: (size: string | number) => string;
    weight: (size: number) => string;
    textColor: (c: string) => string;
    bg: (c: string) => string;
    rs: (radius: string | number) => string;
    gap: (g: string | number) => string;
    flex: string;
    flexCenter: string;
    flexBetween: string;
    flexColumn: string;
    flex1: string;
    cursor: (type: string) => string;
    border: (color: string, width?: string) => string;
    boxShadow: (shadow: string) => string;
    transition: (property?: string, duration?: string) => string;
    overflow: (type: string) => string;
    position: (type: string) => string;
    zIndex: (index: number) => string;
    flexCenterGap2: string;
    flexCenterGap4: string;
};
export default useStyles;