53 lines
1.5 KiB
JavaScript
Executable File
53 lines
1.5 KiB
JavaScript
Executable File
/*!
|
|
|
|
=========================================================
|
|
* Argon Dashboard Chakra PRO - v1.0.0
|
|
=========================================================
|
|
|
|
* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
|
|
* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
|
|
|
|
* Designed and Coded by Simmmple & Creative Tim
|
|
|
|
=========================================================
|
|
|
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
|
|
*/
|
|
|
|
// chakra imports
|
|
import { Avatar, Flex, Text, useColorModeValue } from "@chakra-ui/react";
|
|
import { ClockIcon } from "components/Icons/Icons";
|
|
import React from "react";
|
|
|
|
export function ItemContent(props) {
|
|
const navbarIcon = useColorModeValue("gray.500", "gray.200");
|
|
const notificationColor = useColorModeValue("gray.700", "white");
|
|
const spacing = " ";
|
|
return (
|
|
<>
|
|
<Avatar
|
|
name={props.aName}
|
|
src={props.aSrc}
|
|
borderRadius="12px"
|
|
me="16px"
|
|
/>
|
|
<Flex flexDirection="column">
|
|
<Text fontSize="14px" mb="5px" color={notificationColor}>
|
|
<Text fontWeight="bold" fontSize="14px" as="span">
|
|
{props.boldInfo}
|
|
{spacing}
|
|
</Text>
|
|
{props.info}
|
|
</Text>
|
|
<Flex alignItems="center">
|
|
<ClockIcon color={navbarIcon} w="13px" h="13px" me="3px" />
|
|
<Text fontSize="xs" lineHeight="100%" color={navbarIcon}>
|
|
{props.time}
|
|
</Text>
|
|
</Flex>
|
|
</Flex>
|
|
</>
|
|
);
|
|
}
|