Web:Common:Components:MediaViewer:Sub-Components: Added DesktopDetails
This commit is contained in:
parent
f59235d4fb
commit
029a568076
@ -0,0 +1,43 @@
|
|||||||
|
import React from "react";
|
||||||
|
|
||||||
|
import Text from "@docspace/components/text";
|
||||||
|
import IconButton from "@docspace/components/icon-button";
|
||||||
|
|
||||||
|
import { ControlBtn } from "../../StyledComponents";
|
||||||
|
|
||||||
|
import ViewerMediaCloseSvgUrl from "PUBLIC_DIR/images/viewer.media.close.svg?url";
|
||||||
|
|
||||||
|
type DesktopDetailsProps = {
|
||||||
|
title: string;
|
||||||
|
onMaskClick: VoidFunction;
|
||||||
|
};
|
||||||
|
|
||||||
|
function DesktopDetails({ onMaskClick, title }: DesktopDetailsProps) {
|
||||||
|
return (
|
||||||
|
<div className="details">
|
||||||
|
<Text
|
||||||
|
isBold
|
||||||
|
fontSize="14px"
|
||||||
|
className="title"
|
||||||
|
title={undefined}
|
||||||
|
tag={undefined}
|
||||||
|
as={undefined}
|
||||||
|
fontWeight={undefined}
|
||||||
|
color={undefined}
|
||||||
|
textAlign={undefined}
|
||||||
|
>
|
||||||
|
{title}
|
||||||
|
</Text>
|
||||||
|
<ControlBtn onClick={onMaskClick} className="mediaPlayerClose">
|
||||||
|
<IconButton
|
||||||
|
color={"#fff"}
|
||||||
|
iconName={ViewerMediaCloseSvgUrl}
|
||||||
|
size={28}
|
||||||
|
isClickable
|
||||||
|
/>
|
||||||
|
</ControlBtn>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default DesktopDetails;
|
Loading…
Reference in New Issue
Block a user