// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { FontWeights } from '@fluentui/react';
/**
 * @private
 */
export const containerStyle = {
    // Ensure some space around the text on a narrow viewport.
    margin: '1rem',
    gap: `1.5rem`
};
/**
 * @private
 */
export const headerContainerStyle = {
    gap: `1.5rem`,
    height: `auto`
};
/**
 * @private
 */
export const titleContainerStyle = {
    gap: `1rem`
};
/**
 * @private
 */
export const titleStyle = (palette, isVideoReady) => ({
    fontSize: '1.25rem',
    fontWeight: FontWeights.semibold,
    color: isVideoReady ? 'white' : palette.neutralPrimary,
    textAlign: 'center'
});
/**
 * @private
 */
export const moreDetailsStyle = (palette, isVideoReady) => ({
    fontSize: '1rem',
    color: isVideoReady ? 'white' : palette.neutralPrimary,
    textAlign: 'center'
});
//# sourceMappingURL=NetworkReconnectTile.styles.js.map