43 lines
829 B
JavaScript
43 lines
829 B
JavaScript
import React from "react";
|
|
|
|
import RoomLogo from ".";
|
|
|
|
export default {
|
|
title: "Components/RoomLogo",
|
|
component: RoomLogo,
|
|
parameters: {
|
|
docs: {
|
|
description: {
|
|
component:
|
|
"Room logo allow you display default room logo depend on type and private",
|
|
},
|
|
},
|
|
},
|
|
argTypes: {
|
|
type: {
|
|
options: ["Editing Room", "Custom Room"],
|
|
control: { type: "select" },
|
|
},
|
|
},
|
|
};
|
|
|
|
const Template = (args) => {
|
|
const RoomType = {
|
|
"Editing Room": 2,
|
|
"Custom Room": 5,
|
|
};
|
|
return <RoomLogo {...args} type={RoomType[args.type]} />;
|
|
};
|
|
|
|
export const Default = Template.bind({});
|
|
|
|
Default.args = {
|
|
type: "Editing Room",
|
|
isPrivacy: false,
|
|
isArchive: false,
|
|
withCheckbox: false,
|
|
isChecked: false,
|
|
isIndeterminate: false,
|
|
onChange: () => console.log("checked"),
|
|
};
|