import { StoryCircleListItemProps } from './interfaces';
declare const StoryCircleListItem: ({ item, handleStoryItemPress, isCommunityStory, }: StoryCircleListItemProps) => import("react/jsx-runtime").JSX.Element;
export default StoryCircleListItem;
export declare const useStyles: () => {
    title: {
        fontSize: number;
        fontWeight: "600";
        margin: number;
        color: string;
    };
    scrollView: {
        justifyContent: "space-between";
    };
    itemContainer: {
        alignItems: "center";
        width: number;
    };
    avatar: {
        width: number;
        height: number;
        borderRadius: number;
        margin: number;
    };
    communityAvatar: {
        width: number;
        height: number;
        borderRadius: number;
        margin: number;
    };
    itemText: {
        fontSize: number;
        fontWeight: "400";
        color: string;
    };
    textRow: {
        marginTop: number;
        flexDirection: "row";
        alignItems: "center";
    };
    titleContainer: {
        flexDirection: "row";
        justifyContent: "space-between";
    };
    arrowIcon: {
        marginRight: number;
        display: "flex";
    };
    seeAllBtn: {
        marginRight: number;
    };
    seeAllIcon: {
        width: number;
        height: number;
        borderRadius: number;
        backgroundColor: string;
        alignItems: "center";
        justifyContent: "center";
    };
    seeAllText: {
        fontSize: number;
        marginTop: number;
    };
    storyRing: {
        position: "absolute";
    };
    officialIcon: {
        position: "absolute";
        left: number;
        top: number;
    };
};
//# sourceMappingURL=StoryCircleListItem.d.ts.map