import { __ } from '@wordpress/i18n';
export const selectorShortcuts = {
default: {
items: [
{ label: 'Hover', value: '&:hover' },
{ label: 'Hover & Focus', value: '&:is(:hover, :focus)' },
{ label: 'Links', value: 'a' },
{ label: 'Hovered links', value: 'a:hover' },
],
},
interactions: {
label: __( 'Interactions', 'generateblocks-pro' ),
items: [
{ label: 'Hover', value: '&:hover' },
{ label: 'Focus', value: '&:focus' },
{ label: 'Hover & Focus', value: '&:is(:hover, :focus)' },
],
},
links: {
label: __( 'Links', 'generateblocks-pro' ),
items: [
{ label: 'Links', value: 'a' },
{ label: 'Hovered links', value: 'a:hover' },
{ label: 'Hovered & focused links', value: 'a:is(:hover, :focus)' },
{ label: 'Visited links', value: 'a:visited' },
],
},
pseudoElements: {
label: __( 'Pseudo Elements', 'generateblocks-pro' ),
items: [
{ label: 'Before', value: '&:before' },
{ label: 'After', value: '&:after' },
],
},
};