import styled, { css } from "styled-components";
import { classes, tokens } from "./Header.tokens";
export const base = css([
    `position:relative;display:flex;flex-direction:row;align-items:flex-start;box-sizing:border-box;padding:var(`,
    `);gap:var(`,
    `);border-radius:var(`,
    `);background:var(`,
    `);&.`,
    `{border-bottom:0.063rem solid var(`,
    `);}`
], tokens.padding, tokens.gap, tokens.borderRadius, tokens.backgroundColor, classes.enableDivider, tokens.dividerColor);
export const ActionWrapper = styled.div.withConfig({
    displayName: "Header.styles__ActionWrapper",
    componentId: "sc-32d78049-0"
})([
    `display:flex;align-items:center;flex-shrink:0;`
]);
export const Title = styled.div.withConfig({
    displayName: "Header.styles__Title",
    componentId: "sc-32d78049-1"
})([
    `box-sizing:border-box;color:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);`
], tokens.titleColor, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight);
export const Description = styled.div.withConfig({
    displayName: "Header.styles__Description",
    componentId: "sc-32d78049-2"
})([
    `box-sizing:border-box;color:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);`
], tokens.descriptionColor, tokens.descriptionFontFamily, tokens.descriptionFontSize, tokens.descriptionFontStyle, tokens.descriptionFontWeight, tokens.descriptionLetterSpacing, tokens.descriptionLineHeight);
export const Content = styled.div.withConfig({
    displayName: "Header.styles__Content",
    componentId: "sc-32d78049-3"
})([
    `display:flex;flex-direction:column;flex:1;min-width:0;padding:var(`,
    `);gap:var(`,
    `);&.`,
    ` `,
    `,&.`,
    ` `,
    `{text-align:center;}`
], tokens.contentPadding, tokens.contentGap, classes.textAlignCenter, Title, classes.textAlignCenter, Description);
