Files
abe92cd693 feat: more atoms styles (#22976)
* feat: availability override classnames

* feat: availability time picker styles

* feat: calendar settings headers styles

* feat: destination and connected calendars

* feat: date override title,description,button

* feat: selected calendars list

* example styles

* docs

* chanegest

* refactor: change import path to relative

* fix: make all classnames optional

* docs: time picker docs

---------

Co-authored-by: Somay Chauhan <[email protected]>
2025-08-12 21:35:06 +09:00

46 lines
1.7 KiB
TypeScript

import type { DestinationCalendarClassNames } from "../../destination-calendar/DestinationCalendar";
import { DestinationCalendarSettingsPlatformWrapper } from "../../destination-calendar/index";
import { SelectedCalendarsSettingsPlatformWrapper } from "../../selected-calendars/index";
import type {
CalendarRedirectUrls,
SelectedCalendarsClassNames,
} from "../../selected-calendars/wrappers/SelectedCalendarsSettingsPlatformWrapper";
type CalendarSettingsPlatformWrapperProps = {
classNames?: {
calendarSettingsCustomClassnames?: string;
destinationCalendarSettingsCustomClassnames?: string;
selectedCalendarSettingsCustomClassnames?: string;
selectedCalendarSettingsClassNames?: SelectedCalendarsClassNames;
destinationCalendarSettingsClassNames?: DestinationCalendarClassNames;
};
calendarRedirectUrls?: CalendarRedirectUrls;
allowDelete?: boolean;
isDryRun?: boolean;
};
export const CalendarSettingsPlatformWrapper = ({
classNames,
calendarRedirectUrls,
allowDelete = true,
isDryRun,
}: CalendarSettingsPlatformWrapperProps) => {
return (
<div className={classNames?.calendarSettingsCustomClassnames}>
<DestinationCalendarSettingsPlatformWrapper
statusLoader={<></>}
classNames={classNames?.destinationCalendarSettingsCustomClassnames}
classNamesObject={classNames?.destinationCalendarSettingsClassNames}
isDryRun={isDryRun}
/>
<SelectedCalendarsSettingsPlatformWrapper
classNames={classNames?.selectedCalendarSettingsCustomClassnames}
calendarRedirectUrls={calendarRedirectUrls}
allowDelete={allowDelete}
isDryRun={isDryRun}
classNamesObject={classNames?.selectedCalendarSettingsClassNames}
/>
</div>
);
};