2022-06-08 13:40:22 +00:00
|
|
|
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",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
2023-04-19 12:58:19 +00:00
|
|
|
argTypes: {
|
|
|
|
type: {
|
|
|
|
description: "Property for story",
|
|
|
|
control: {
|
|
|
|
type: "select",
|
|
|
|
options: ["EditingRoom", "CustomRoom"],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
2022-06-08 13:40:22 +00:00
|
|
|
};
|
|
|
|
|
2023-04-19 12:58:19 +00:00
|
|
|
const Template = (args) => {
|
|
|
|
const RoomType = {
|
|
|
|
EditingRoom: 2,
|
|
|
|
CustomRoom: 5,
|
|
|
|
};
|
|
|
|
return <RoomLogo {...args} type={RoomType[args.type]} />;
|
|
|
|
};
|
2022-06-08 13:40:22 +00:00
|
|
|
|
|
|
|
export const Default = Template.bind({});
|
|
|
|
|
|
|
|
Default.args = {
|
2023-04-19 12:58:19 +00:00
|
|
|
type: "EditingRoom",
|
2022-06-08 13:40:22 +00:00
|
|
|
isPrivacy: false,
|
2022-06-26 09:43:08 +00:00
|
|
|
isArchive: false,
|
2022-07-03 05:24:46 +00:00
|
|
|
withCheckbox: false,
|
|
|
|
isChecked: false,
|
|
|
|
isIndeterminate: false,
|
|
|
|
onChange: () => console.log("checked"),
|
2022-06-08 13:40:22 +00:00
|
|
|
};
|