import { StyleFunctionProps } from '@chakra-ui/system'; import { HighlightColorTypes } from '../../components/NewsletterSignup/NewsletterSignup'; interface NewsLetterStyleProps extends StyleFunctionProps { highlightColor: HighlightColorTypes; } declare const NewsletterSignup: { baseStyle?: ({ highlightColor }: NewsLetterStyleProps) => { borderWidth: { base: string; md: string; }; width: string; pitch: { bg: string; borderLeftColor: { md: string; }; borderTopColor: { base: string; md: "ui.border.default"; }; borderWidth: { base: ".5rem 0px 0px 0px"; md: "0px 0px 0px .5rem"; }; gap: string; justifyContent: string; width: { base: "100%"; md: "50%"; }; _dark: { bg: string; borderTopColor: { md: "dark.ui.border.default"; }; borderLeftColor: { md: `dark.${string}`; }; }; padding: { base: "var(--nypl-space-s) var(--nypl-space-l) var(--nypl-space-l) var(--nypl-space-l)"; md: "l"; lg: "var(--nypl-space-l) var(--nypl-space-xxl) var(--nypl-space-l) var(--nypl-space-xl)"; }; }; privacy: { fontSize: string; fontWeight: string; }; action: { justifyContent: string; padding: { base: "l"; lg: "var(--nypl-space-l) var(--nypl-space-xxl)"; }; width: { base: "100%"; md: "50%"; }; }; form: { width: string; }; ".ds-newslettersignup-form > div": { gridTemplateColumns: { base: any; lg: string; }; gap: { base: string; lg: string; }; }; button: { marginTop: { base: any; lg: string; }; height: string; }; }; sizes?: { [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{ keys: ("action" | "pitch" | "privacy")[]; }>; }; variants?: { [key: string]: import('@chakra-ui/styled-system').PartsStyleInterpolation<{ keys: ("action" | "pitch" | "privacy")[]; }>; }; defaultProps?: { size?: string | number; variant?: string | number; colorScheme?: string; }; parts: ("action" | "pitch" | "privacy")[]; }; export default NewsletterSignup;